删除动态当前元素

Question

我有表格和添加按钮底部的te形式是正确的..每当点击它添加新的表单与删除按钮，如果我点击它必须删除当前表单

我的js代码

$(".iade_sil").on("click",function(){
        $(this).parents(".add_after").find(".group").remove(); 
    });

如果你想要，你可以看到完整的demo和js文件

codepen demo

Answer 1

您需要使用事件委派将事件附加到动态添加的DOM。您还应该使用.closest()而不是.parents()并遍历组元素：

$(document).on("click",".iade_sil",function(){
    $(this).closest(".group").remove(); 
});

Answer 2

您必须注册监听器才能观看所有新元素。并且您希望使用closest，而不是parents。

即使您不需要closest，也可以直接选择.group，因为您的删除按钮位于该元素内：

$(document).on("click", ".iade_sil", function() {
    $(this).closest(".group").remove(); 
});

Answer 3

你也可以使用最接近那个gorup类

$(document).on("click", ".iade_sil", function() {
    $(this).closest(".group").remove(); 
});