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

时间:2013-10-06 06:32:10

标签: javascript jquery

我有很多像

这样的表
 <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

4 个答案:

答案 0 :(得分:3)

试试这个:

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

Demo here

有关我使用的更多信息:

答案 1 :(得分:2)

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

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

答案 2 :(得分:0)

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

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

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

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

如果您想隐藏第二行,请使用second_tr代替first_tr

答案 3 :(得分:0)

你可以这样简单:

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

Demo 1

或者,在同一个选择器中:

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

Demo 2