📜  删除表 jquery 中的 tr - Javascript (1)

📅  最后修改于: 2023-12-03 15:36:56.843000             🧑  作者: Mango

删除表 jquery 中的 tr

在 web 开发中,我们通常使用 jQuery 创建动态表格。当需要删除表格中的一行,即删除 <tr> 元素时,可以使用以下 jQuery 代码:

$("tr").remove();

上述代码会删除所有的 <tr> 元素,如果需要删除指定的行,可以指定行的选择器。例如,如果要删除第二行,可以使用以下 jQuery 代码:

$("tr:nth-child(2)").remove();

其中,:nth-child() 伪类可以用于选择表格中的特定行。

如果要添加删除按钮,并在单击按钮时删除行,可以使用以下 jQuery 代码:

$("#delete-btn").on("click", function() {
  $("tr:selected").remove();
});

上述代码会在单击 ID 为 delete-btn 的按钮时删除选定的行。如果要使用 checkbox 选择行,并在单击删除按钮时删除选定行,可以使用以下 jQuery 代码:

$("#delete-btn").on("click", function() {
  $("tr:has(:checkbox:checked)").remove();
});

上述代码会在单击 ID 为 delete-btn 的按钮时删除选定的行,其中,:checkbox:checked 选择器用于选择选中的 checkbox。

总之,通过以上的方式可以实现删除表中的行。