jquery删除tr

使用 jQuery 删除表格行（tr）

在 jQuery 中，删除表格行（<tr>）可以通过多种方式实现，具体取决于删除条件和触发方式。以下是几种常见的方法：

通过按钮或事件触发删除当前行

假设每行有一个删除按钮，点击后删除当前行：

<table id="myTable">
  <tr>
    <td>内容1</td>
    <td><button class="delete-row">删除</button></td>
  </tr>
  <tr>
    <td>内容2</td>
    <td><button class="delete-row">删除</button></td>
  </tr>
</table>

$("#myTable").on("click", ".delete-row", function() {
  $(this).closest("tr").remove();
});

通过索引或条件删除特定行

删除表格中第二行（索引从 0 开始）：

$("#myTable tr:eq(1)").remove();

删除包含特定文本的行：

$("#myTable tr:contains('特定文本')").remove();

清空整个表格内容

删除表格内所有行（保留表头可调整选择器）：

$("#myTable tr").remove();

注意事项

• 使用 closest("tr") 可确保从按钮精准定位到所在行。
• remove() 会彻底移除 DOM 元素，如需保留数据可改用 detach()。
• 动态生成的行需使用事件委托（如示例中的 on() 方法）。