通过jQuery实现动态添加和删除表格行的功能

本示例展示如何通过jQuery实现对HTML表格动态添加和删除行的操作，包括获取表格元素、添加和删除行，以及如何处理行数据

//获取表格元素
var table = $("table");

//添加行
$("#addRowBtn").click(function(){
    //创建一个新的行
    var newRow = $("<tr>");

    //创建并添加列元素
    var col1 = $("<td>").html("内容1");
    var col2 = $("<td>").html("内容2");
    newRow.append(col1).append(col2);

    //将行添加到表格
    table.append(newRow);
});

//删除行
$("#deleteRowBtn").click(function(){
    //获取最后一行
    var lastRow = table.find("tr").last();

    //从表格中删除最后一行
    lastRow.remove();
});

免责申明：文章和图片全部来源于公开网络，如有侵权，请通知删除 server@dude6.com