javascript - 为什么 click() 不适用于附加元素？

Question

<分区>

Answer 1

使用 on 委托(delegate)点击事件。

$("body").on("click","td",function(){
    alert('clicked');
});

这将从父级为“body”且目标为“td”的元素获取点击事件，然后使用回调函数。此委托(delegate)过程检查每个点击事件并在事件发生时完成。

您在问题中显示的点击过程只会在执行时分配一次事件。结果，只有当时的“td”匹配会收到事件处理程序。

由于您是在脚本中创建这些元素，因此您还有另一个选择，即在将它们附加到页面之前为它们分配处理程序。

$(".addnewrow").click(function(){
    var row = $("<tr><td>new</td></tr>");
    $("td",row).click(function(){
        alert("clicked");
    });
    $("table").append(row);
});

这取决于页面上还发生了什么，哪种方法最适合。