当前位置:编程学习 > html/css >>

jQuery复制删除div,点击复制,在下面复制同样的一个div,最好前面编号还能加1;点击删除,能删除当前的div

我知道应该是用clone,但不知道具体代码怎么写,求高手帮忙!图片整个是一个div。谢谢!
答案:<script type="text/javascript">
$(document).ready(function() {
	$("#add").click(function() {  // add为添加input的id
		var divTest = $(this).parent();  //获取div
                  var newDiv = divTest.clone(true);
		divTest.after(newDiv);
		var No = parseInt(divTest.find("p").html())+1;   //假设你用p标签显示序号
		newDiv.find("p").html(No);	
                 });
	$("#del").click(function() { // del为删除input的id
		$(this).parent().remove();
	});
});
</script> 
PS:该div必须是添加删除按钮的直接父元素,否则要修改代码

上一个:让div中的文字靠底边对齐
下一个:谁能解释下这代码怎运行以及意思?这是用人家joomla模板 ?怎么不是用div划分的么?

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,