Variable y jQuery selector

Question

He estado tratando de resolver esto por alrededor de 2 días y no puedo entender por qué esto no está funcionando.

Digamos, por ejemplo, declaro una variable "ul" y quiero decir que var + li muestra rojo.

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

var menu = $("ul"); 

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

}); 

Todos los elementos de la lista ahora deben ser rojos. ¿Qué estoy haciendo mal?

Ejemplo: http://jsbin.com/izela

Answer 1

Para cambiar todos los hijos directos a rojo puede utilizar

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

Si requiere toda li de dentro de la UL (UL anidada> li> ul> li) a continuación, utilizar .find

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

Answer 2

debe ejecutar algo como esto:

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

El problema es que menu es un objeto y cadena añadiendo a un retorno objeto NaN (en FF), que no puede ser utilizado como un selector.

Answer 3

Lo que está haciendo mal es agregar un objeto jQuery con una cadena. Proveedores:

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

Answer 4

tratar

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