селектор фильтра jquery против метода фильтра

Question

У меня возникла проблема с использованием метода фильтра jquery.

Если у меня есть

$("#resultDiv tr:odd").addClass("alternate_row"); 

все строки внутри DIV «resultDiv», который содержит таблицу приведены альтернативный класс строк.

Однако, если я использую

$('#resultDiv').filter("tr:odd").addClass("alternate_row"); 

Он не появляется, чтобы соответствовать каким-либо элементам, и ничто не имеет класса применяется.

Мне нужно использовать метод фильтра, поскольку я делаю несколько других вещей, проходящих переменные вокруг.

Что мне не хватает?

Answer 1

В вашей первой версии:

$('#resultDiv').filter("tr:odd").addClass("alternate_row")

.filter()удаляет несовпадающих элементов из набора, и никто из ваших #resultDiv элементов являются tr, поэтому фильтр не соответствует что-нибудь.

Try:

$('#resultDiv').find("tr:odd").addClass("alternate_row"); 

который явно добавляет нового потомок узлы, которые матча селектор tr:odd или

$('#resultDiv tr').filter(":odd").addClass("alternate_row"); 

, который использует один селектор, чтобы найти всехtr элементов, а затем использует .filter, чтобы выбрать нечетные.

Answer 2

Я предполагаю, что #resultDiv является родителем всех <tr>-х, так что я думаю, что вы хотите:

$('#resultDiv tr').filter(":odd").addClass("alternate_row"); 

Answer 3

С второго селектора вы выбираете элемент с идентификатором #resultDiv и применить фильтр Это. Но это, вероятно, не коллекция, просто таблица или что-то еще.

Вы должны выбрать tr элементы и применить фильтр к ним:

$('#resultDiv tr').filter(":odd").addClass("alternate_row"); 

Таким образом, вы будете иметь tr коллекцию, чтобы применить фильтр.