JQuery - Как выбрать: нечетные непосредственные потомки элемента

Question

У меня есть следующая таблица:

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

, и я хочу выбрать только непосредственный нечетный tr после .table.

То, что я пробовал:

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

Но это не делает работу.

Кто-нибудь знает?Спасибо.

Answer 1

Другой вариант будет использовать метод filter() ^{(документы)} .

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

Это позволит вам использовать действительный CSS-селектор при первоначальном выборе, что даст хороший прирост производительности в браузерах, поддерживающих querySelectorAll.

Пример: http://jsfiddle.net/kbnH2/

Answer 2

и я хочу выбрать только ближайший tr после .table.

Вы используете имя класса, отличное от указанного, попробуйте:

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

---

Также убедитесь, что вы завернули свой код в готовый обработчик:

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

---

Вы также должны попробовать добавить tbody:

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