Question

我有下表：

<table id="test">
 <tr id=1><td>bla</td></tr>
 <tr id=2><td>bla</td></tr>
 <tr id=3><td>bla</td></tr>
 <tr id=4><td>bla</td></tr>
</table>

现在我要从表中删除第3行。我怎么做？类似的东西：

$("#test tr ??").remove();

谢谢！

Answer 1

尝试

$('table#test tr#3').remove();

Answer 2

ID属性不能以数字开头，它们应该是唯一的。在任何情况下，您都可以使用:eq()使用基于0的整数来选择特定行：

// Remove the third row
$("#test tr:eq(2)").remove();

或者，重写HTML以使其有效：

<table id="test">
 <tr id=test1><td>bla</td></tr>
 <tr id=test2><td>bla</td></tr>
 <tr id=test3><td>bla</td></tr>
 <tr id=test4><td>bla</td></tr>
</table>

并删除它仅引用id：

$("#test3").remove();

Answer 3

按ID删除 -

$("#3").remove();

另外我建议使用更好的命名，例如row-1，row-2

Answer 4

只需$("#3").remove();即可。但3并不是一个好的身份证明（我认为它甚至是非法的，因为它以数字开头）。

Answer 5

$('#3').remove();

http://api.jquery.com/remove/

Answer 6

$('#3').remove();

但可能无法使用数字ID。

Answer 7

尝试：

$("#test tr:eq(2)").remove();

Answer 8

在下面，我们可以删除具有特定行ID的表行

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function remove(id)
{
$('table#test tr#'+id).remove();
// or you can use bellow line also
//$('#test tr#'+id).remove();
}
</script>
    </head>
<body>
<table id="test">
 <tr id="1"><td>bla</td><td><input type="button" onclick="remove(1)"value="Remove"></td></tr>
 <tr id="2"><td>bla</td><td><input type="button" onclick="remove(2)" value="Remove"></td></tr>
 <tr id="3"><td>bla</td><td><input type="button" onclick="remove(3)" value="Remove"></td></tr>
 <tr id="4"><td>bla</td><td><input type="button" onclick="remove(4)" value="Remove"></td></tr>
</table>
</body></html>

Answer 9

使用:eq选择器：

$("#test tr:eq(2)").remove();

删除具有特定ID的表行

9 个答案: