点击添加删除一行定制版

代码如下:

<script type="text/javascript" src="jquery1.7.js"></script>
<script type="text/javascript">
$(function () {

$(".add").click(function () {
$(".row").clone().appendTo(".box"); //添加一行
});

$(".delete").click(function () {
$(this).parent().remove(); //添加一行
});

});

</script>
</head>
<body>

<div style="width:720px;margin:20px auto;">

<a href="javascript:;" class="add">添加报价</a>

<div class="box">
<!-- 添加整行模板 -->
<div style="display: none;">
<ul class="row">
<li>
<input type="text" value="宝马">
</li>
<li class="delete"></li>
</ul>    
</div>
<ul>
<li>
<input type="text" value="宝马">
</li>
<li class="delete"></li>
</ul>


</div>
</div>

 

你可能感兴趣的:(点击添加删除一行定制版)