jquery - jquery zebra-striping：如何从单选按钮列表中忽略嵌套表

Question

我正在使用 jquery 对表进行斑马条纹处理，它工作正常 - 除了有一个单选按钮列表也应用了条纹处理。

我的桌子有

<table class="stripeMe">

查询是

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

当其中一个偶数行包含一个 asp.net 单选按钮列表（呈现为单行表）时，它也会突出显示。

有没有办法避免这种情况？

Answer 1

使用child-selector^(docs)指定子级：

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

...如果没有，请确保在标记中明确包含一个元素。<tbody>

目前您正在使用descendant-selector^(docs)，它选择所有 <tr>元素，无论嵌套在.stripeMe.