jquery - 使用 JQuery 隐藏表中除两行 (tr) 之外的所有行

Question

我有一张这样的桌子：

<table class="tableclass">
  <tbody>
    <tr>
       <th>..</th>
       <th>..</th>
    </tr>
    <tr class="odd">
       <td>..<</td>
       <td>..<</td>
    </tr> 
    <tr class="even">
       <td>..<</td>
       <td>..<</td>
    </tr> 
    <tr class="odd current">
       <td>..<</td>
       <td>..<</td>
    </tr> 
  </tbody>
</table>

有许多具有奇数或偶数类的 tr，它们可以在具有当前类的 tr 之前或之后。

我想隐藏下面除两行之外的所有行：

1. 具有“当前”类的行 (tr)

2. 具有 <th> 的行 (tr)

换句话说，我希望桌子变成

<table class="tableclass">
  <tbody>
    <tr>
       <th>..</th>
       <th>..</th>
    </tr>
    <tr class="odd current">
       <td>..<</td>
       <td>..<</td>
    </tr> 
  </tbody>
</table>

我尝试使用

$("table.tableclass tr:not(.current)").hide();

但它隐藏了内部也有 th 的 tr 。

有 AND 运算符吗？就像是

$("table.tableclass tr:not(.current) AND tr:not(WITH NO CLASS)").hide();

Answer 1

您需要将选择器的范围限定为仅隐藏奇/偶类而不是当前类。所以你快到了。

$("table.tableclass tr.odd:not(.current), table.tableclass tr.even:not(.current)").hide()

Answer 2

像这样试试

$("table .odd,.even").hide()

或者你可以单独隐藏

$(".odd").hide();
$(".even").hide();

Answer 3

为什么不更改<tr><th></th></tr>并将其<thead><th></th></thead>移至<tbody></tbody>? 无论如何，它应该在那里。