Переменный и jQuery-селектор

Question

Я пытаюсь понять это в течение 2 дней и не могу понять, почему это не работает.

Скажем, например, я объявляю переменную «ul» и хочу сказать, что var + li отображается красным.

$("document").ready(function() { 

var menu = $("ul"); 

$(menu +" li").css("color","red"); 

}); 

Все элементы списка теперь должны быть красного цвета. Что я делаю не так?

Пример: http://jsbin.com/izela

Answer 1

Чтобы изменить все прямые детей к красному вы можете использовать

menu.children('li').css("color","red");

Если вам требуется всего Ли в ул (вложенная уль> li> уль> ли), то использовать .find

menu.find('li').css("color","red");

Answer 2

Вы должны запустить что-то вроде этого:

menu.children('li').css('color', 'red'); 

Проблема заключается в том, что menu является объектом и добавление строки к объекту возврата NaN (в FF), который не может быть использован в качестве селектора.

Answer 3

Что вы делаете неправильно, это добавить объект jQuery со строкой. Попробуйте:

var menu = $('ul'); 
menu.find('li').css('color', 'red'); 

Answer 4

попробовать

menu.children('li').css('color', 'red');