javascript - jquery按类确定元素id

Question

我的 html:

<a href="#" class="small button" id = "spare_approve_button_<?php echo $i; ?>">approve</a>
<a href="#" class="small button" id = "spare_return_button_<?php echo $i; ?>">return</a>

按钮是通过循环创建的，我永远不知道我会有多少按钮，只是每个按钮都有不同的 ID。

我想确定被点击的按钮的 id，我试过:

$("a.small.button").click(function(){
        var button_id = this.id;
        alert(button_id);
});

单击按钮时，警报甚至不显示，因此它似乎没有检测到我的单击。 Firefox 控制台没有显示任何错误。也许 $("a.small.button") 是错误的，但它应该是什么？

Answer 1

也许您的 javascript 代码执行得太早了。试试这个:

$(function() {
    $("a.small.button").click(function(){
        var button_id = this.id;
        alert(button_id);
    });
});

如果按钮是由页面后面的 javascript 创建的，您必须在那之后执行您的代码。或者您可以在按钮的父级上使用 on jQuery 函数:

$(function() {
    // You can use a more specific parent.
    $(document).on('click', 'a.small.button' function() {
        var button_id = this.id;
        alert(button_id);
    });
});