页面实现表格的动态添加和删除

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)" οnclick="toAdd(\'tt\',-1)">新增行</a></p>' +
'<p class="but" style="width:25% ;margin-left: 80px;"><a href="javascript:void(0)" οnclick="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'); 

}

//删除未填的行
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;
}

转载于:https://www.cnblogs.com/-mfj/p/9537996.html