如何添加onclick事件以动态添加按钮

Question

如何为动态创建的按钮添加点击事件

$("tr").html("<button class='new'><span>next-</span></button>" + OriginalContent + "")

$('body').on('click', 'button .new', function() {
  //Some 
});

但它不起作用

Answer 1

您需要在选择器之间删除，因为选择器中的空格表示与后代匹配。

$("tr").on('click', 'button.new', function () {

使用事件委派时，请始终使用 staticParentElement 以获得更好的性能。

Answer 2

试试这个：

$(document).on('click', 'button.new', function () {});

Answer 3

删除button和.new之间的空格。否则，您只会在.new内看button个元素，这些元素永远不会发生。

$('body').on('click', 'button.new', function () {
    // ...
});