jquery - JQuery を使用して、テーブル内の 2 つの行 (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 の前または後にある可能性があります。

以下の2行を除くすべてを非表示にしたい：

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

これを に変更<tr><th></th></tr>して<thead><th></th></thead>の上に移動してみません<tbody></tbody>か? とにかく、そこにあるはずです。

Answer 3

このようにしてみてください

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

または個別に次のように非表示にすることができます

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