Necesito usar jQuery.find para encontrar el elemento con el estilo específico

Question

Derecha ... Necesito encontrar todos los elementos < ul style = "display: block;">, para que pueda configurarlo mostrar: ninguno.

Creo que estoy en el camino correcto aquí ... pero no está allí:

jQuery('#adminMenu li').find("ul").css('display'); 

Para usuarios avanzados: ¿cómo puedo encontrar y cambiar el estilo con una línea?

Answer 1

Eso es complicado, pero como se ha dicho es otras maneras que tienen solución. El más fácil es:

$("#adminMenu li ul:visible").hide(); 

asumiendo que los elementos están ocultos o no. Por supuesto, teniendo en cuenta que desea ocultar a todos ¿por qué no:

$("#adminMenu li ul").hide(); 

tratar de evitar el cambio de estilo CSS directamente. Es problemático Es difícil revertirlo y, como está descubriendo, es difícil buscarlo. Utilizar una clase en su lugar:

#adminMenu li ul { display: none; } 
ul.block { display: block; } 

con:

$("#adminMenu li ul").removeClass("block"); 

o

$("#adminMenu li ul.block").removeClass("block"); 

Answer 2

$('#adminMenu li').find("ul:visible").css('display', 'none'); 

o

$('#adminMenu li').find("ul:visible").hide(); 

o

$('#adminMenu li ul:visible').hide(); 

por nombrar algunas de las formas

Answer 3

Usted baremo utiliza el fadeOut() o slideUp() métodos para un efecto visual:

jQuery('#adminMenu li').find("ul").fadeOut('fast'); 

jQuery('#adminMenu li').find("ul").slideUp('fast'); 

Answer 4

$('#adminMenu li ul').hide(); 

Answer 5

No sabe cómo hacerlo en una sola línea, pero aquí es cómo puede hacerlo en un par más:

jQuery('#adminMenu li').find("ul").each(function(){ 
    if($(this).css("display") == "block"){ 
    // do something 
    } 
}); 

Si lo que quiere es manejar todos los elementos visibles (en lugar de sólo los display: block las), puede probar el selector :visible en su lugar.

Answer 6

Usted puede ser capaz de utilizar los selectores de atributos, y el 'contiene' opción

$('#adminMenu li ul[style*="display:block"]').hide() 

Esto esencialmente dice 'cualquier ul que es atributo de estilo contiene la indicación de texto: Bloque'

Answer 7

Se puede utilizar filtrar. (http://api.jquery.com/filter/)

Para que pueda hacer lo siguiente.

$('ul').filter(function() { 
    return $(this).css('display') == 'block'; 
});