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

jquery按类确定元素id

1 个答案: