2012-05-15 20 views
5

jQuery:jQuery extraña incluso en lista anidada

$("li:even div").removeClass("odd even").addClass("odd"); 
$("li:odd div").removeClass("odd even").addClass("even");​ 

http://jsfiddle.net/hashie5/vk6rZ/

Como se puede ver en el violín, par/impar no funciona correctamente, lo que estoy haciendo mal?

+3

Tus elementos 'li' no tienen el mismo elemento principal, por eso no funcionará. –

+0

gracias, lo sé, pero ¿cómo puedo solucionar esto? – Ruben

+4

No estoy seguro si quieres esto. Pero echa un vistazo http://jsfiddle.net/joycse06/vk6rZ/4/ –

Respuesta

3

vistazo a la li:even>div en lugar de li:even div

$("li:even>div").removeClass("odd even").addClass("odd"); 
$("li:odd>div").removeClass("odd even").addClass("even"); 
+1

fue el primero, gracias – Ruben

6

Aquí está un ejemplo de trabajo

http://jsfiddle.net/joycse06/vk6rZ/4/

objetivo hijos inmediatos (divs)

$("li:even > div").removeClass("odd even").addClass("odd"); 
$("li:odd > div").removeClass("odd even").addClass("even");​ 
+0

genial esto es exactamente lo que necesito, gracias a todos – Ruben

Cuestiones relacionadas