jQuery बीजनिक कार्यप्रणाली - nextAll() विधि

jQuery बीजनिक कार्यप्रणाली

उदाहरण

पहले div के बाद की सभी वस्तुओं की श्रेणी खोजें और उनको श्रेणी जोड़ें:

$("div:first").nextAll().addClass("after");

स्वयं को प्रयोग करें

विभाषा और उपयोग

nextAll() में मेल करने वाले एलिमेंट समूह के प्रत्येक एलिमेंट के सभी अनुसूचित साथी एलिमेंटों को प्राप्त करता है जो चयनकर्ता द्वारा फ़िल्टर किया जाना चाहिए।

व्याकरण

.nextAll(selector)
पारामीटर वर्णन
selector शब्दकोश रूपाकार माना जाने वाला चयनकर्ता एक्सप्रेशन जो एलिमेंट को मेल करने के लिए उपयोग किया जाता है。

विस्तृत व्याख्या

यदि एक DOM एलिमेंट समूह को प्रस्तुत किया गया jQuery ऑब्जेक्ट है, .nextAll() विधि हमें DOM ट्री में एलिमेंट के बाद के साथी एलिमेंटों को खोजने की अनुमति देती है और उसे मेल करने वाले एलिमेंटों से नए jQuery ऑब्जेक्ट का निर्माण करती है。

यह विधि वृत्तव्य चयनकर्ता एक्सप्रेशन स्वीकार करती है जो मैं $() फ़ंक्शन में पाठाती है। अगर चयनकर्ता लगाया है तो उन्हें एलिमेंट को मेल जाने के द्वारा फ़िल्टर किया जाएगा。

नीचे दिए गए साधारण सूची वाले पृष्ठ को सोचिए:

<ul>
   <li>सूची वस्तु 1</li>
   <li>सूची वस्तु 2</li>
   <li class="third-item">सूची वस्तु 3</li>
   <li>सूची वस्तु 4</li>
   <li>सूची वस्तु 5</li>
</ul>

अगर हम प्रोजेक्ट तीन से शुरू करें, तो हम उसके बाद की बारीकी से दिखाने वाले एलिमेंट ढूंढ सकते हैं:

$('li.third-item').nextAll().css('background-color', 'red');

स्वयं को प्रयोग करें

इस बार का परिणाम है कि प्रोजेक्ट 4 और 5 को लाल पृष्ठभूमि में सेट किया गया है। हमारे पास चयनकर्ता एक्सप्रेशन नहीं लगाया है तो इसी तत्काल इस एलिमेंट को निर्दिष्ट कार्य के एक भाग के रूप में समाविष्ट किया गया है। अगर हमने चयनकर्ता लगाया है तो उसे समाविष्ट करने से पहले इसका मेल करना जांचा जाएगा。

jQuery बीजनिक कार्यप्रणाली