En jQuery, comment puis-je sélectionner un élément caché?

Question

Comment puis-je choisir le <span> où display est réglé sur none dans le code ci-dessous?

<p id="p1"> 
<span id="test1" style="display:none">test1</span> 
<span id="test2" >test2</span> 
</p> 

je peux sélectionner le <span> dont l'ID est « test1 » en utilisant $("span[id='test1']"), mais il ne fonctionne pas quand je l'utilise $("span[style='display:none']").

est-il une méthode pour obtenir cet élément à la fois?

Merci beaucoup.

Answer 1

Vous cherchez le sélecteur :hidden

S'il vous plaît noter que la bonne façon de sélectionner un élément par ID est simplement:

$("#test1"); 

Faire la façon dont vous faites est fait jQuery ne analyse syntaxique inutile et est beaucoup plus lent.

Si vous voulez sélectionner #test1 que si elle est cachée, vous faites ceci:

$("#test1:hidden"); 

Si vous voulez sélectionner tous les <span> éléments qui sont cachés sous #p1, vous faites ceci:

$("span:hidden", "#p1"); 

Comme indiqué dans les commentaires, l'opposé de ce sélecteur est le sélecteur :visible:

$("span:visible", "#p1"); 

serait alors sélectionner les <span> visibles éléments de l'élément #p1.