JQuery - 如何选择：元素的奇数直接子元素

Question

我有一个这样的表：

<table class='table'>
<tr></tr>
<tr><tr>
<tr>
<table><tr></tr></table
<tr></tr>
</table>

并且我只想选择 .table 之后紧邻的奇数 tr。

我尝试过的是：

$('.table > tr:odd').addClass('odd');

但它不起作用。

有人知道吗？谢谢。

Answer 1

我只想选择
.table 之后紧接着 tr。

您使用的类名与您提到的不同，请尝试：

 $('.table > tr:odd').addClass('odd');

---

同时确保将代码包装在准备好的处理程序中：

$(function(){
     $('.table > tr:odd').addClass('odd');
});

---

您还应该尝试添加 tbody：

$('.table > tbody > tr:odd').addClass('odd');

Answer 2

另一种选择是使用 filter()^{(docs )} 方法。

$('.table > tbody > tr').filter(function(i){
    return !(i % 2);
}).addClass('odd');

这将使您能够在初始选择中使用有效的 CSS 选择器，从而在支持 querySelectorAll 的浏览器中提供良好的性能提升。

示例： http://jsfiddle.net/kbnH2/