jQuery实现表格最后增加一行和删除最后一行

使用jQuery可以很容易地在表格中增加一行，并删除表格的最后一行。以下是实现这两个功能的代码示例：

增加行：




function addRow() {
    var newRow = '<tr><td>新内容1</td><td>新内容2</td><td>新内容3</td></tr>';
    $('#myTable').append(newRow);
}

删除最后一行：




function deleteLastRow() {
    var rows = $('#myTable tr');
    if (rows.length > 1) { // 确保至少还有一行
        rows.last().remove();
    }
}

在HTML中，你需要有一个表格，并为这些函数设置按钮的点击事件：




<table id="myTable">
    <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
    </tr>
    <!-- 其他行... -->
</table>
 
<button onclick="addRow()">增加行</button>
<button onclick="deleteLastRow()">删除最后一行</button>

确保在使用这些函数之前，已经引入了jQuery库。

jQuery实现表格最后增加一行和删除最后一行

评论已关闭

推荐阅读