我尝试使用 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。
任何提示将不胜感激
使用委托处理程序(on http://api.jquery.com/on/)将类作为选择器,以便以后添加的任何新按钮仍然有效。
$('body').on('click', '.button_remove_web_store', function() {
$(this).parents("div:first").remove();
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)