1、html
<div class="box"></div>2、这是动态添加的html
var i = 1;
$(".addBtn").click(function(){
$(".box").append('<div class="boxMain"><img src="img1.png" /><button type="button" class="delBtn">删除'+i+'</button></div>');
i++;
});3、添加删除事件
$(".box").delegate('.delBtn','click',function(){
$(this).parent().remove();
});delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,适用于当前或未来的元素(比如添加的元素)
本文介绍如何使用jQuery动态地向HTML页面中添加带有删除按钮的新元素,并实现这些元素的删除功能。通过delegate()方法,可以有效地为当前及未来动态添加的元素绑定点击事件。
799

被折叠的 条评论
为什么被折叠?



