jquery删除tr
使用 jQuery 删除表格行(<tr>)
方法一:通过 remove() 方法删除指定行
// 删除 ID 为 "row1" 的行
$("#row1").remove();
// 删除所有匹配的行(例如 class 为 "to-delete" 的行)
$(".to-delete").remove();
方法二:通过 closest() 和 remove() 删除按钮所在行
如果行内有删除按钮,可通过事件触发删除:

$(".delete-btn").click(function() {
$(this).closest("tr").remove();
});
方法三:通过 detach() 方法临时删除(可恢复)
// 删除行但保留数据(可重新插入)
var deletedRow = $("#row1").detach();
// 重新插入到表格
$("table").append(deletedRow);
方法四:动态删除符合条件的所有行
// 删除内容包含 "test" 的行
$("tr:contains('test')").remove();
// 删除第 3 行(索引从 0 开始)
$("tr").eq(2).remove();
注意事项
- 确保 DOM 加载完成后执行操作(需包裹在
$(document).ready()中) - 动态添加的行需使用事件委托绑定删除事件:
$(document).on("click", ".delete-btn", function() { $(this).closest("tr").remove(); });






