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);
});

Answer 2

你可以试试这个：

$('.my_button').click(function(e) {
    alert($(this).html()));
});

下面，我有一个你可以运行的代码片段来检查它。

＆＃13;

$(function(){
  
    // The binding should happen after 
    // the document is ready.
    $('.my_button').click(function() {
        alert(alert($(this).html()));
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

＆＃13;

Answer 3

http://jsfiddle.net/kmaqg3cy/

这是正确答案：

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

Answer 4

你可以做到

$(this).attr("value");

这是一个工作小提琴

http://jsfiddle.net/3dvgrbp4/

在一秒之内，更多类似的答案落在了同一个地方，围绕着同样的情况，粘贴了一个片段以显示道具与attr之间的差异

$(elem).attr('checked')    // returned true (Boolean) prior to 1.6
$(elem).attr('checked')   // now returns "checked" (string) 1.6
$(elem).prop('checked')    // now returns true (Boolean) 1.6

但正如其他人提到的那样，移动到 data 属性更好，因为 value 不是锚标记的有效属性

Answer 5

＆＃13;

    $('.my_button').unbind('click').click(function() {
        var code = $(this).attr('value');
        alert(code);
        return false;
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<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>

＆＃13;

标记没有value作为属性，但它有value作为属性

Answer 6

请尝试使用<button>标记。 <a>标记没有值属性。我会使用按钮标签，除非你需要它是一个超链接。在这种情况下，使用su8898提到的数据方法。你的班级说它是一个按钮，功能说它是一个按钮（没有href的位置），它应该是一个按钮：）

Answer 7

var code = $(this).attr("value");

Answer 8

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

如何在<a> when click</a>上获得价值

8 个答案: