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库。
评论已关闭