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

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');  

}

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