jQuery Selectors 2つの条件を満たすテーブル行を削除する

Question

jQueryで複数の条件が満たされている場合にのみ実行される操作がある場合、どの手法が採用されているかを理解しようとしています。フィルターが答えかどうかわかりません。

私の例では、ページに複数のテーブルがあります。私は2つの条件を満たすテーブルの行を削除したい。最初の条件は、行が表の最初の行（表要素の最初の子）であってはならないということです。 2番目の条件は、行にスタイルが適用されていてはいけません（スタイル要素は宣言されていません）。私は複雑なセレクタの表記に混乱しています。私は今、単純なセレクターを越えようとしています。

私の例では、使用するテーブルはgvBigTableというラベルが付けられています。私は以下を持っています：

$("#gvBigTable table tbody tr.not('style')").remove(); 
$("#gvBigTable table tbody tr.not(first-child)".remove(); 

これらの条件を組み合わせて、行を削除する必要があります。どんな助けもありがとうございます。ありがとう。

Answer 1

:not()は正しく使用されていません。次のようにすることができます。

$("table tbody tr:not(':first-child'):not('[style]')").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
     <tr> 
 
      <td>111</td> 
 
     </tr> 
 
     <tr> 
 
      <td>222</td> 
 
     </tr> 
 
     <tr style=""> 
 
      <td>333</td> 
 
     </tr> 
 
     <tr> 
 
      <td>444</td> 
 
     </tr> 
 
    </tbody> 
 
</table>

UPDATE：David Thomasの提案に応じて、純粋なCSSのソリューションは、次のようなものです。

table tbody tr:first-child ~ tr:not([style]) { 
 
    display: none; 
 
}

<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>111</td> 
 
    </tr> 
 
    <tr> 
 
     <td>222</td> 
 
    </tr> 
 
    <tr style=""> 
 
     <td>333</td> 
 
    </tr> 
 
    <tr> 
 
     <td>444</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

あなたは、あなたが行を削除するためにjQueryを使ってセレクタtable tbody tr:first-child ~ tr:not([style])を使用することができますdisplay: noneを使用しない場合。