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

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