JQuery Zebra-Striping: как игнорировать вложенный стол из списка радиобуттон

Question

Я использую jquery для чередования зебры на столе, и она работает нормально - за исключением того, что есть список переключателей, который также применяет чередование.

Мой стол имеет

<table class="stripeMe">

Запрос

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

Проблема, когда одна из четных строк содержит список радиокнопок asp.net (который отображается как таблица из одной строки), также получает выделение.

Есть ли способ избежать этого?

Answer 1

Укажите детей, используя child-selector ^{(документы)} :

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

... и обязательно явно включите элемент <tbody> в вашу разметку, если у вас его нет.

В настоящее время вы используете descendant-selector ^{(документы)} , который выбирает все <tr> элементов независимо от того, как глубоко вложенный в .stripeMe.