📅  最后修改于: 2023-12-03 15:36:56.843000             🧑  作者: Mango
在 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。
总之,通过以上的方式可以实现删除表中的行。