用于检查单击哪个按钮的脚本不起作用

Question

我有动态创建的N（1..500）按钮，我想知道用户点击了哪个按钮并获得了ID。我正在使用这个jQuery函数，但它不起作用：

$(':button').click(function() {
    // reference clicked button via: $(this)
    var buttonElementId = $(this).attr('id');
    alert(buttonElementId);
});

Answer 1

如果它们是动态创建的，则需要事件委派

$(document).on('click', ':button' , function() {
      // reference clicked button via: $(this)
      var buttonElementId = $(this).attr('id');
      alert(buttonElementId);
});

有关详细信息，请参阅In jQuery, how to attach events to dynamic html elements?

Answer 2

对于动态创建的元素，您应该使用：

$(document).on("click", ":button", function() {
    // reference clicked button via: $(this)
    var buttonElementId = $(this).attr('id');
    alert(buttonElementId);
});