javascript - jQuery 删除行

Question

对于 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();
});

Answer 1

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

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

或者基于子td类。

$('.b-tags').parent().remove();