变量和jQuery选择器

Question

我一直试图将这个问题弄清楚大约两天，并且无法理解为什么这不起作用。

比方说，我声明一个变量“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");

如果您需要ul中的所有li（嵌套ul＆gt; li＆gt; ul＆gt; 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');