jquery - jquery zebra-striping：radiobuttonlistからネストされたテーブルを無視する方法

Question

私はjqueryを使用してテーブルをゼブラストライプしていますが、これは正常に機能しています。ただし、ストライプが適用されているラジオボタンリストがあります。

私のテーブルには

<table class="stripeMe">

クエリは

$('.stripeMe tr:nth-child(odd)').addClass('odd');

偶数行の1つにasp.netラジオボタンリスト（単一行テーブルとしてレンダリングされる）が含まれている場合の問題は、ハイライトも取得します。

これを回避する方法はありますか？

Answer 1

child-selector^（docs）を使用して子を指定します：

$('.stripeMe > tbody > tr:nth-child(odd)').addClass('odd');

...マークアップに要素が含まれていない場合は、明示的に含めるようにしてください。<tbody>

descendant-selector^{現在、 （docs）}を使用しています。これは、の下にどれだけ深くネストされていても、すべての 要素を選択します。<tr>.stripeMe