添加具有类的元素，然后在该元素上触发单击函数

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