如果非标题行只有一个，我想使用JQuery来隐藏标题行

Question

如果非标题行只有一个，我想使用JQuery隐藏标题行。 如果标题行后面有多个非标题行，则保持标题可见。 即。

<tr class="header head1"></tr>
<tr class="non-header"></tr>
<tr class="non-header"></tr>
<tr class="header head2"></tr>
<tr class="non-header"></tr>
<tr class="header head3"></tr>
<tr class="non-header"></tr>
<tr class="non-header"></tr>

所以我想隐藏head2，因为之后只有一个非标题行。

Answer 1

您可以使用.filter()方法根据是否有超过两个.header兄弟元素来过滤.non-header元素，直到下一个{{1}元素。

Example Here

.header

Answer 2

$('tr.header + tr.non-header + tr.header').prev().prev().hide();

应该让你到那儿。

另外，我不认为你必须为此制作所有非标题类的非标题行。您也可以选择

$('tr.header + tr:not(.header) + tr.header').prev().prev().hide();