jquery - jQuery斑马条纹:如何忽略单选按钮列表中的嵌套表

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

我的桌子有

<table class="stripeMe">

查询是

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

当偶数行之一包含一个asp.net单选按钮列表（呈现为单行表）时，该问题也会得到突出显示。

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

最佳答案

使用child-selector指定子级：

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

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

当前，您正在使用descendant-selector，它会选择所有<tr>元素，而不管嵌套在.stripeMe下的深度如何。