jquery zebra-striping：如何忽略radiobuttonlist中的嵌套表

Question

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

我的桌子有

<table class="stripeMe">

查询

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

当其中一个偶数行包含一个asp.net radiobutton列表（呈现为单行表）时，它也会得到突出显示的问题。

有什么方法可以避免这种情况吗？

Answer 1

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

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

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

目前您正在使用descendant-selector^(docs)，无论<tr>下的嵌套程度如何，都会选择所有 .stripeMe元素。