设计窝高端网站建设与制作
觉得不错,赏一个

觉得不错,赏一个

点击增加一行的js

设计窝2017-07-21js 
<table  class="table">
<tr><td>原来默认的</td>
<td><a onclick="addrow();">添加一行</a></td>
</tr>
</table>
<!--创建添加行函数-->
<script type="text/javascript">
function addrow(){
var tables = $('.table');
var addtr = $("<tr>"+
"<td>增加的内容</td>"+
"<td><span  onclick='deleteTrRow(this);'>删除</span></td>"+
"</tr>");
      addtr.appendTo(tables);     
}
function deleteTrRow(tr){
    //多一个parent就代表向前一个标签,
    //本删除范围为<td><tr>两个标签,即向前两个parent
    //如果多一个parent就会删除整个table
    $(tr).parent().parent().remove();
    }
</script>


文章关键词
设计窝