javascript - 超链接 JQuery 未触发

Question

我使用 JQuery 添加表行，在最后一列我有用于取消/删除该行的超链接。但当我点击超链接时，我的 JQuery 似乎没有被触发。这是我的代码:

$('input[name=barcode]').change(function() {
    var newRow = $("<td><a href='#' class='remove'><font color='0404B4'>Cancel</font></a></td>");
    $('#tab > tbody > tr').eq(index).after(newRow);
});
$(".remove").click(function() {
    //delete row
    alert("b");
});

Answer 1

不会触发，因为新添加的元素没有绑定(bind)点击事件。您可以尝试以下代码:

$('#tab').on('click', '.remove', function() {
    alert('b');
});

您可以在这里获取更多信息jQuery on()