È necessario utilizzare jQuery.find per trovare elementi con uno stile specifico

Question

Destra ... Devo trovare tutti gli < ul style = "display: block;"> elementi, in modo che possa impostarlo come visualizzato: nessuno.

penso di essere sulla strada giusta qui ... ma non del tutto lì:

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

Per gli utenti di anticipo: come posso trovare e cambiare lo stile con una linea?

Answer 1

Questo è difficile, come indicato, ma è risolvibile altri modi. Il più semplice è:

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

supponendo che gli articoli siano nascosti o meno. Naturalmente, considerando che vuoi nasconderli tutti, perché non solo:

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

Prova ed evita di cambiare direttamente lo stile CSS. È problematico È difficile invertire e come stai scoprendo difficile da cercare. Utilizzare una classe, invece:

#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(); 

per citarne alcuni modi

Answer 3

È coud utilizzare la fadeOut() o slideUp() metodi per un effetto visivo:

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

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

Answer 4

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

Answer 5

Non so come farlo in una linea, ma ecco come si può fare in un paio di più:

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

Se quello che vuoi è quello di gestire tutti gli elementi visibili (invece dei soli display: block quelli), puoi provare invece il selettore :visible.

Answer 6

Si può essere in grado di utilizzare i selettori di attributo, e la 'contiene' opzione

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

Questo dice in sostanza 'qualsiasi ul che è attributo di stile contiene il display di testo: block'

Answer 7

È possibile utilizzare filtro. (http://api.jquery.com/filter/)

Così puoi fare come sotto.

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