मेरे पास निम्न नेस्टेड सूची है:
<ul id="myList">
<li>
<ul>
<li class="red"></li>
<li class="black"></li>
</ul>
</li>
<li class="red"></li>
<li class="red"></li>
<li class="black"></li>
</ul>
मैं वर्ग "लाल" और "ब्लैक" के साथ तत्वों का चयन कैसे करूं जो केवल सीधे बाहरी के अंदर दिखाई देते हैं (और नेस्टेड टैग के अंदर शामिल नहीं हैं)?
3 जवाब
आपको & gt; चिह्न का उपयोग करना होगा
#myList > li.red , #myList > li.black
और अगर आपको आंतरिक उल के अंदर लाल और काले रंग की आवश्यकता है
#myList ul > li.red , #myList ul > li.black
मैं चयनकर्ताओं / के बारे में पढ़ने की सलाह देता हूं एक >
$("#myList>.red ,#myList>.black")
">" बेटे का मतलब है, इसलिए चयनकर्ता "# लीलिस्ट> .्रेड" का अर्थ है आईडी के साथ div # myList का बेटा (कक्षा लाल है), यह पोते का चयन नहीं करेगा,
"," का अर्थ है दूसरे चयनकर्ता से जुड़ें, #myList> का उपयोग करके।
मुझे लगता है कि यह अपेक्षित परिणाम है। मेरी खराब अंग्रेजी के लिए माफी चाहूंगा। मैं आपको jQuery चयनकर्ता के बारे में पढ़ने की भी सलाह देता हूं, यह वास्तव में बुनियादी और महत्वपूर्ण है।
.not()
, .black
वर्गों का चयन करने के लिए .not()
का उपयोग करने का प्रयास करें जो किसी भी तत्व के बाल तत्व नहीं हैं।
$(".red, .black").not("#myList * *").css("color", "blue")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul id="myList">
<li>
<ul>
<li class="red"></li>
<li class="black"></li>
</ul>
</li>
<li class="red"></li>
<li class="red"></li>
<li class="black"></li>
</ul>
संबंधित सवाल
नए सवाल
jquery
jQuery एक जावास्क्रिप्ट लाइब्रेरी है, जावास्क्रिप्ट टैग को जोड़ने पर भी विचार करें। jQuery एक लोकप्रिय क्रॉस-ब्राउज़र जावास्क्रिप्ट लाइब्रेरी है, जो दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) ट्रैवर्सल, इवेंट हैंडलिंग, एनिमेशन और AJAX इंटरैक्शन को ब्राउज़रों की विसंगतियों को कम करके सुविधाजनक बनाता है। JQuery से संबंधित एक प्रश्न jQuery से संबंधित होना चाहिए, इसलिए jQuery को प्रश्न में कोड द्वारा उपयोग किया जाना चाहिए और कम से कम jQuery के उपयोग से संबंधित तत्वों को प्रश्न में होना चाहिए।