Jquery:隐藏除第一个表之外的所有表的第一行

Jquery : Hide first row of all the tables except first table

本文关键字:一行 第一个 Jquery 隐藏      更新时间:2023-09-26

我有很多表格,比如

 <table class="mytable">
<tr class = "first_tr">
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr class = "second_tr">
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr class = "third_tr">
    <td></td>
    <td></td>
    <td></td>
</tr>
 </table>
<table class="mytable">
<tr class = "first_tr">
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr class = "second_tr">
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr class = "third_tr">
    <td></td>
    <td></td>
    <td></td>
</tr>
 </table>

我可能有 10 多个这样的表

我需要隐藏除第一个表之外的所有表的第一行(类名first_tr

试试这个:

$('td:nth-child(2):not(:first)').hide();

在这里演示

有关我使用的内容的更多信息:

  • :第 n 个子项()
  • :not()
  • :第一

您可以使用.not()方法排除第一个元素:

$('table.mytable').not(':first').find('.first_tr').hide();

你可以使用 .not() 选择器

$('.mytable').not(":eq(0)").find(".first_tr").hide()

或者,您可以使用 .gt() 选择器

$('.mytable:gt(0)').find(".first_tr").hide()

如果要隐藏第二行,请使用second_tr而不是first_tr

您可以像

这样简单地实现这一点:

$('.first_tr', '.mytable').not(':first').hide();

演示 1

或者,在同一选择器中:

$('.first_tr', '.mytable:not(:first)').hide();

演示 2