jQuery复制删除div,点击复制,在下面复制同样的一个div,最好前面编号还能加1;点击删除,能删除当前的div
1个回答
展开全部
<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必须是添加删除按钮的直接父元素,否则要修改代码
$(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必须是添加删除按钮的直接父元素,否则要修改代码
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询