En JQuery, comment puis-je sélectionner un élément caché?
Comment puis-je sélectionner le <span> Où display est défini 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'identifiant est "Test1" à l'aide de $("span[id='test1']"), mais cela ne fonctionne pas lorsque j'utilise $("span[style='display:none']").
Y a-t-il une méthode pour obtenir cet élément à la fois?
Merci beaucoup.
Vous recherchez le :hidden Sélecteur
Veuillez noter que la bonne façon de sélectionner un élément par ID est simplement la suivante:
$("#test1");
Cela fait de la façon dont vous faites est de faire de JQuery faire une analyse inutile et est beaucoup plus lente.
Si vous voulez sélectionner #test1 Seulement si c'est caché, vous faites ceci:
$("#test1:hidden");
Si vous vouliez sélectionner tout <span> éléments cachés sous #p1, Tu fais cela:
$("span:hidden", "#p1");
Comme indiqué dans les commentaires, le contraire de ce sélecteur est le :visible Sélecteur:
$("span:visible", "#p1");
Choisirait alors n'importe quel visible <span> éléments dans l'élément #p1.