Как использовать селекторы jQuery с объектом?

Question

У меня есть неупорядоченный список в объекте:

var myUL = $('ul#theID'); //I send this var to another function in the code

Я хочу, чтобы непосредственные потомки были только у этого объекта (у меня есть еще один 'ul' внутри каждого 'li', в котором также есть 'li'), но этот селектор не работает:

$(myUL + '>li').each( etc, etc...

В этом селекторе в Firebug выдается ошибка «необработанное исключение: синтаксическая ошибка, нераспознанное выражение: [объект объекта]».

Если я использую $('li', myUL), это дает мне ВСЕ «ли», а не только прямых детей, а это не то, чего я хочу. Я хочу только прямых детей.

Какой правильный синтаксис?

Answer 1

Попробуйте

var li_children = myUL.children('li');

(Правильно, в любом случае <ul> может иметь только <li> детей.)

Answer 2

var myUL = Jquery('ul#theID');
jQuery('>li', myUL);


jQuery selector works this way
jQuery(selector, context);

Answer 3

$('>li', myUl)

Этого должно быть достаточно?

Answer 4

Вам не нужно использовать имя тега в начале селектора, который заканчивается идентификатором.Один только ID - самый быстрый селектор.Использование метода прямых детей будет быстрее, чем селектор.Кроме того, отказ от добавления селектора к методу .children () позволит jQuery пропустить этап фильтрации, который не требуется, поскольку у вас должны быть все дочерние элементы 'li', независимо от:

var $myUls = $( "#theID" ).children();

Cheers, awirick