javascript - 单击时如何获取 <a> 上的值

Question

我的 HTML

<a href="#" class="my_button" value="red">Red: Fire</a>
<a href="#" class="my_button" value="blue">Blue: Water</a>
<a href="#" class="my_button" value="green">Green: Earth</a>

我的JS

   $(document).ready(function() {
    $('.my_button').click(function() {
        var code = $(this).val();
        alert(code);
    });
});

如何获得结果，例如当我单击Red:Fire时，它会提醒red等...

请帮助我

Answer 1

您最好使用data属性。

试试这个

<a href="#" class="my_button" data-value="red">Red: Fire</a>
<a href="#" class="my_button" data-value="blue">Blue: Water</a>
<a href="#" class="my_button" data-value="green">Green: Earth</a>

在你的 JS 中

$(document).ready(function() {
    $('.my_button').click(function() {
    var code = $(this).data('value');
    alert(code);
});