我正在使用 jquery 对表进行斑马条纹处理,它工作正常 - 除了有一个单选按钮列表也应用了条纹处理。
我的桌子有
<table class="stripeMe">
查询是
$('.stripeMe tr:nth-child(odd)').addClass('odd');
当其中一个偶数行包含一个 asp.net 单选按钮列表(呈现为单行表)时,它也会突出显示。
有没有办法避免这种情况?
我正在使用 jquery 对表进行斑马条纹处理,它工作正常 - 除了有一个单选按钮列表也应用了条纹处理。
我的桌子有
<table class="stripeMe">
查询是
$('.stripeMe tr:nth-child(odd)').addClass('odd');
当其中一个偶数行包含一个 asp.net 单选按钮列表(呈现为单行表)时,它也会突出显示。
有没有办法避免这种情况?
使用child-selector
(docs)指定子级:
$('.stripeMe > tbody > tr:nth-child(odd)').addClass('odd');
...如果没有,请确保在标记中明确包含一个元素。<tbody>
目前您正在使用descendant-selector
(docs),它选择所有 <tr>
元素,无论嵌套在.stripeMe
.