JQuery动态创建div和相关按钮

Question

我每次点击一个按钮时都会创建文本字段，每创建一个新的div我也想给它一个按钮来删除这个字段。从这个JSFiddle可以看出。

然而，与每个新创建的div相关联的按钮不会删除它的相关字段。如何删除该文本字段？

Answer 1

你必须使用委托。 这适用于DOM已经加载后的新元素。

$(document).on('click','.deleteButton',function(){
    $(this).closest('.form-group').hide();//remove
});

JSFiddle

注意：我在动态插入的按钮中添加了deleteButton类。

Answer 2

您可以在按钮中设置onclick功能并按照以下方式处理删除：

window.deleteRow = function(obj){
    $(obj).parent().remove();
}

fiddle