0

使用 jQuery 相对较新，我希望有人能指出我如何最好地删除某个表格行的正确方向。

来源：

<table>
    <tr class="first">
        <td class="first b b-posts"><a href='edit.php'>1</a></td>
        <td class="t posts"><a href='edit.php'>Bericht</a></td>
    </tr>
    <tr>
        <td class="first b b_pages"><a href='edit.php?post_type=page'>0</a></td>
        <td class="t pages"><a href='edit.php?post_type=page'>Pagina's</a></td>
    </tr>
    <tr>
        <td class="first b b-cats"><a href='edit-tags.php?taxonomy=category'>1</a></td>
        <td class="t cats"><a href='edit-tags.php?taxonomy=category'>Categorie</a></td>
    </tr>
    <tr>
        <td class="first b b-tags"><a href='edit-tags.php'>0</a></td>
        <td class="t tags"><a href='edit-tags.php'>Trefwoorden</a></td>
    </tr>
</table>

这是我想删除的位：

<tr>
    <td class="first b b-tags"><a href='edit-tags.php'>0</a></td>
    <td class="t tags"><a href='edit-tags.php'>Trefwoorden</a></td>
</tr>

我已经尝试使用这些下一行代码，这给我留下了一个空白tr

jQuery(document).ready(function(a) {
    a("tr td.b-tags").remove();
    a("tr td.tags").remove();
});
4

6 回答 6

2

您可以eq根据要删除的行索引使用。
请注意，索引是从零开始的。
所以eq(3)删除第四个。

$('table tr:eq(3)').remove();

或基于子td类。

$('.b-tags').parent().remove();
于 2012-12-12T18:15:28.997 回答
0

假设它总是最后一个元素，你可以使用这个：

$('table tr').last().remove();

或者，如果它是第四个元素，:eq()请在您的选择器中使用：

$('table tr:eq(3)').remove();
于 2012-12-12T18:15:50.197 回答
0

这应该有效：

$('.b-tags').parent().remove();
于 2012-12-12T18:15:59.667 回答
0 
$('td.first.b.b-tags').closest('tr').remove();​

jsFiddle 示例

于 2012-12-12T18:16:06.953 回答
0

$("first.bb-tags").parent().remove();

于 2012-12-12T18:18:13.237 回答
0

如果要删除表中的最后一行，可以这样做：

$("table tr").filter(":last").remove();

这是示例

于 2012-12-12T18:24:56.637 回答