2013-02-22 68 views
15

मैं अगर वहाँ एक CSS चयनकर्ता नीचे (jQuery कोड) लाइन के रूप में ही कर सकते हैं पता नहीं हैक्या एक मानक सीएसएस चयनकर्ता है जैसे कि jQuery में eq()?</p> <pre><code>.tab_cadre_central .top:eq(0) table tbody tr td table tbody tr:eq(3) </code></pre> <p>मैं इस तरह सीएसएस कुछ में की कोशिश की है:

.tab_cadre_central .top::nth-child(0) table tbody tr td table tbody nth-child:eq(3) { 
    display:none; 
} 

लेकिन यह काम नहीं किया।

+0

अपने प्रश्न शीर्षक का उत्तर देने के लिए, नहीं, jQuery में ': eq()' के बराबर कोई मानक सीएसएस नहीं है। देखें [jQuery() और: nth-child()] के बीच jQuery अंतर (http://stackoverflow.com/questions/7039966/jquery-difference-between-eq-and-nth-child) – BoltClock

उत्तर

33

jQuery के :eq() 0-आधारित अनुक्रमण का उपयोग करता है, :nth-child(), 1-आधारित अनुक्रमण का उपयोग करता है ताकि आप उपयुक्त अनुक्रमित बढ़ाने के लिए की जरूरत है:

.tab_cadre_central .top:nth-child(1) table tbody tr td table tbody tr:nth-child(4) 

लेकिन क्या तुम सच में लगता है कि चयनकर्ता पुनर्रचना बारे में सोचना चाहिए ...


⚠ यह ध्यान देने योग्य है कि हालांकि :eq() और :nth-child() समान व्यवहार कर सकते हैं - वे निश्चित रूप से समान नहीं हैं। जबकि :nth-child() सेट है कि अपने-अपने माता-पिता की n वें बच्चे हैं में सभी तत्वों का चयन करेंगे :eq() सेट में n + 1 वें तत्व का चयन करेंगे। ⚠ जबकि div span:eq(0) केवल एक का चयन करेंगे

<div> 
    <span></span> 
    <span></span> 
</div> 
<div> 
    <span></span> 
</div> 

चयनकर्ता div span:nth-child(1), दो तत्वों लायेगा।

+0

मैं सहमत हूं, यह करता है थोड़ी थकाऊ लगें – kabuto178

+0

हां, सूचनाओं के बारे में जानकारी ^^ – user2077308

+0

यह एकमात्र अंतर नहीं है। असल में, जब तक कि HTML अत्यधिक प्रतिबंधित नहीं होता है, यह चयनकर्ता आवश्यकतानुसार अधिक तत्वों से मेल खाता है - या * सभी * से मेल नहीं खाता है। ओपी को स्वयं को यह सुनिश्चित करने की आवश्यकता होगी कि उनका HTML वास्तव में दोनों चयनकर्ताओं से मेल खाता है। – BoltClock