jquery删除动态添加的元素

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() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,适用于当前或未来的元素(比如添加的元素)

猜你喜欢

转载自blog.csdn.net/LLL_liuhui/article/details/80732750