页面实现表格的动态添加和删除
JavaScript语句:
//向表中添加一行
function toAdd(tab, row) {
var num = $("#tt tr").length;
//动态生成表格
var innerTD =
'<td id="opr" style="width: 20px">' +
'<br>' +
'<p class="but" style="width:25% "><a href="javascript:void(0)" onclick="toAdd(\'tt\',-1)">新增行</a></p>' +
'<p class="but" style="width:25% ;margin-left: 80px;"><a href="javascript:void(0)" onclick="todle(this)">删除行</a></p>' +
'</td>' +
' </tr>'
var $tr = $("#" + tab + " tr").eq(row);
if ($tr.size() == 0) {
alert("指定的table id或行数不存在!");
return;
}
$tr.after(innerTD);
//将表格插入到最后一行
var upRow = $("#" + tab + " tr").eq(row - 1);
upRow.find('p').eq(0).css('display', 'none');
upRow.find('p').eq(1).css('margin-left', '0px');
![](https://images2018.cnblogs.com/blog/1454271/201808/1454271-20180826173846524-842222493.png)
}
//删除未填的行
function todle(o) {
var index = $('#tt tr').index($(o).closest("tr"));
if ($('#tt tr').length > (index + 1)) {
$(o).parent().parent().parent().remove();
} else {
$('#tt tr').eq(index - 1).find('p').eq(0).css('display', 'block');
$('#tt tr').eq(index - 1).find('p').eq(1).css('margin-left', '80px');
$(o).parent().parent().parent().remove();
}
return;
}
逗比之举