刪除動態電流元素

Question

我有表單並添加TE形式是每當點擊它增加新的形式與刪除按鈕，如果我點擊它刪除當前形式

我的js的right..and的按鈕底部代碼

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

，如果你願意，你可以看到完整的演示和js文件

codepen demo

Answer 1

您必須先註冊聽衆觀看所有新元素了。並且您想要使用closest，而不是parents。

即使你不需要的closest也一樣，你可以直接選擇.group，因爲你的刪除按鈕是的元素：

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

Answer 2

您需要使用attachi事件代表團ng事件動態添加DOM。您還應該使用.closest()代替.parents()和遍歷組元素：

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

Answer 3

你也可以用最接近gorup類

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