JS 新增一行，删除一行

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/hl343169728/article/details/50504474

<div class="operate-btn">
<ul>
<li><a href="javascript:addTr()"><span>新增一行</span></a></li>
</ul>
</div>
<tbody id="bxdtbdExp">
<tr id="firstTr">
<td style="width:120px">附件:</td>
<td style="width:320px">
<input type="file" name="files" /><br/>
</td>
</tr>
</tbody>

var currentDelId = -1;
function addTr(){
var trNode = $("#firstTr").clone();
var _replaceHtml = trNode.html();
trNode = null;
var trrep = '<tr id="firstTr'+currentDelId+'">';
replaceHtml = trrep + _replaceHtml + '<td><a href="javascript:removeTr(' + currentDelId + ')">[删除]</a></td>';
$("#bxdtbdExp").append(replaceHtml + "</tr>");
currentDelId--;
};
function removeTr(id){
$("#firstTr"+id).remove();
}