jquery - 添加具有类的元素，然后在该元素上触发单击功能

Question

这是代码：http: //jsfiddle.net/xcmtD/2/

我正在动态创建一个表，为了添加行，我单击一个按钮。其中一个字段具有“删除”类。

如果用户单击它，我想使用该字段删除该行，但它不起作用，我不知道为什么。

html:

<table id="table">
    <tr><td>Row 1</td><td class='remove'>Row 2</td></tr>
</table>

<input type="button" id="button" value="add">

javascript (jQuery):

$("#button").click(function(){
    $("#table").append("<tr><td>Added</td><td class='remove'>Remove</td></tr>");
});

$(".remove").click(function(){
    alert("Removed!");
});

Answer 1

那是因为当您进行绑定时，该元素还不存在。

使用委托，以便在单击时动态测试选择器：

$('#table').on('click', '.remove', function(){
     alert("Removed!");
});

Answer 2

请务必检查图书馆的授权。直到 jquery 1.7.3 的功能将是

$('#table').live('click', '.remove', function(){
     alert("Removed!");
});

在那之后

$('#table').live('click', '.remove', function(){
     alert("Removed!");
});