2009-03-25 26 views
24

मैं <span> का चयन कैसे कर सकता हूं जहां display नीचे दिए गए कोड में none पर सेट किया गया है?jQuery में, मैं एक छुपा तत्व कैसे चुन सकता हूं?

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

मैं <span> जिसका आईडी "test1" $("span[id='test1']") का उपयोग करना है का चयन कर सकते, लेकिन जब मैं $("span[style='display:none']") का उपयोग यह काम नहीं करता।

क्या इस तत्व को एक समय में प्राप्त करने के लिए कोई तरीका है?

बहुत बहुत धन्यवाद।

+0

यहां एक नज़र डालें https://api.jquery.com/hidden-selector/ –

उत्तर

42

आप देख रहे हैं :hidden चयनकर्ता

कृपया ध्यान दें कि आईडी के आधार पर एक तत्व का चयन करने की उचित तरीके से बस है के लिए:

$("#test1"); 

जिस तरह से आप कर रहे हैं jQuery अनावश्यक पार्स कर रही है कर और बहुत धीमा है।

आप #test1 चयन करने के लिए केवल अगर यह छिपा हुआ है चाहते हैं, आप ऐसा करते हैं:

$("#test1:hidden"); 

आप सभी <span> तत्वों कि #p1 के नीचे छिपा कर रहे हैं का चयन करना चाहता था, तो आप इस कार्य करें:

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

टिप्पणियों में उल्लेख किया गया है, इस चयनकर्ता के विपरीत :visible चयनकर्ता है:

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

फिर तत्व #p1 तत्व में किसी भी दृश्यमान <span> तत्वों का चयन करेगा।

+0

बस ध्यान दें, दृश्य तत्वों को खोजने के लिए विपरीत भी मौजूद है -: दृश्य –

+0

पर्याप्त मेला। उत्तर में जोड़ा गया। :) –

+2

यह स्पष्ट रूप से बदल गया है। दस्तावेज अब कहता है: "तत्व छुपा हुआ माना जाता है अगर यह या उसके माता-पिता दस्तावेज़ में कोई स्थान नहीं लेते हैं। सीएसएस दृश्यता को ध्यान में नहीं रखा जाता है।" – cweston

संबंधित मुद्दे