版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xgysimida/article/details/86492319
最近在做项目的时候需用JQuery动态的增加或者删除指定的行，废话不多说，直接看下图，
1.原始的界面
2.增加指定行后的界面
3.删除指定行后的界面
要实现的功能比较简单，还是希望对新手们有帮助吧，代码如下：
<script src="js/jquery.min.js"></script>
<script type="application/javascript">
function btnadd(obj){
var html='<tr><td>经度<input type="text" id="jingdu" /></td><td>纬度<input type="text" id="weidu" /></td><td><a onclick="btnadd(this)">+</a></td><td><a onclick="btndel(this)">-</a></td> </tr>';
$(obj).parents("tr").after(html);
}
function btndel(obj){
var res = confirm('确认要删除吗？');
if(res==true){
$(obj).parents("tr").remove();
}
}
</script>
<style type="text/css">
a{
cursor: pointer;
}
</style>
<body>
<table id="tab">
<caption>动态增加、删除指定行</caption>
<tr>
<td>经度<input type="text" id="jingdu"/></td>
<td>纬度<input type="text" id="weidu" /></td>
<td><a onclick="btnadd(this)">+</a></td>
<td><a onclick="btndel(this)">-</a></td>
</tr>
</table>
</body>