jquery删除父不在动态创建的div上

Question

我试图使用jquery,以使一个按钮删除其父div.

我的加价:

<div class="web_store_fields" id="web_store_input1">
<p>
<label for="web_store_address[]"  >Store Address : </label>        
<input name="web_store_address[]" class="web_store_info"  type="text" value="http://www." size="35"/>
<input class="button_remove_web_store" type="button" value="Remove"  />
</div>

jquery div删除代码:

$('.button_remove_web_store').click(function() {
$(this).parents("div:first").remove();
});

这适用于页面加载时html中的div,但不适用于用户动态创建的div(使用此jquery代码):

$('#button_add_web_store').click(function() {
var num = $('.web_store_fields').length;
var newNum  = new Number(num + 1);      
var newElem = $('#web_store_input' + num).clone().attr('id', 'web_store_input' + newNum);
$('#web_store_input' + num).after(newElem);
});

为了清楚起见,动态创建工作正常,问题是删除那些div.

任何提示都将受到高度赞赏

Answer 1

使用委托的处理程序(on)将该类作为选择器,以便稍后添加的任何新按钮仍然有效.

$('body').on('click', '.button_remove_web_store', function() {
    $(this).parents("div:first").remove();
});