jquery - .parent().remove() 问题

Question

我有一个基于 jQuery 的表单，您可以在其中向应用程序添加额外的人员。我正在克隆第一个字段集并将其添加到最后，最多可添加 3 个人。当您添加了 1 名额外人员后，您可以选择删除该人员。

但是，我的删除按钮不起作用。早些时候，直到我向克隆添加了额外的函数来更改字段集中其他元素的 id。

我正在使用:

$(".remove").click(function() {
    $(this).parent().remove();

原来可以工作，但现在不行了，我不明白为什么。

我删除了阻止第一个“删除此人”的行，只是为了表明第一个仍然有效，但其余的则无效。 (当它修复后，我最终会将第一个放在舞台外)

可能更容易看到它，所以我把它放上 here .

所以本质上，有什么想法为什么我的“删除此人”对除第一部分之外的所有内容都不起作用？

Answer 1

尝试:

$(document).on('click', '.remove', function() {
    $(this).parent().remove();
});

事件在页面加载时绑定(bind)，因此新添加的元素不会。