Besoin d'utiliser jQuery.find pour trouver l'élément avec un style spécifique

Question

Droit ... Je dois trouver tous les éléments < ul style = "display: block;">, de sorte que je peux le définir afficher: aucun.

Je pense que je suis sur la bonne voie ici ... mais pas tout à fait:

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

Pour les utilisateurs d'avance: comment puis-je trouver et changer le style avec une ligne?

Answer 1

C'est délicat comme indiqué, mais est résoluble d'autres moyens. Le plus simple est:

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

en supposant que les éléments sont cachés ou non. Bien sûr, étant donné que vous voulez les cacher tout pourquoi pas seulement:

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

Essayez et éviter de changer de style CSS directement. C'est problématique. Il est difficile de revenir en arrière et comme vous trouvez difficile de chercher. Utilisez une classe à la place:

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

avec:

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

ou

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

Answer 2

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

ou

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

ou

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

pour ne citer que quelques façons

Answer 3

Vous coud utiliser les méthodes fadeOut() ou slideUp() pour un effet visuel:

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

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

Answer 4

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

Answer 5

Je ne sais pas comment le faire en une ligne, mais voici comment vous pouvez le faire dans un couple plus:

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

Si ce que vous voulez est de gérer tous les éléments visibles (au lieu de seulement les display: block les), vous pouvez essayer le sélecteur :visible à la place.

Answer 6

Vous pourriez être en mesure d'utiliser les sélecteurs d'attributs, et « contient » l'option

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

Cela dit essentiellement « tout ul qui est l'attribut style contient l'affichage du texte: bloc »

Answer 7

Vous pouvez utiliser filtre. (http://api.jquery.com/filter/)

Ainsi vous pouvez faire comme ci-dessous.

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