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,