jQuery प्रविष्टि - next() विधि

jQuery प्रविष्टि संदर्भ ग्रंथ

उदाहरण

प्रत्येक पैराग्राफ के तत्कालीन सज़दीगी एलीमेंट को खोजने के लिए, केवल 'selected' वर्ग वाले पैराग्राफ को चुना जाता है:

$("p");.next(".selected");.css("background", "yellow");

अपने आप साबित करें

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

next() में प्रत्येक मेल खाते एलीमेंट के तत्कालीन सज़दीगी एलीमेंट को प्राप्त करता है। अगर चयनकर्ता दिया गया है तो उसे मेल खाते अगले सज़दीगी एलीमेंट को प्राप्त किया जाता है。

व्याकरण

.next(selector)
पारामीटर वर्णन
selector शब्दांतर, इसे मेल खाते एलीमेंट के लिए चयनकर्ता एक्सप्रेशन समेत रखा गया है。

विस्तृत वर्णन

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

यह विधि वैकल्पिक चयनकर्ता एक्सप्रेशन स्वीकार करती है, जिसका प्रकार $() फ़ंक्शन में मैं भेजा है। अगर तत्कालीन सज़दीगी एलीमेंट इस चयनकर्ता से मेल खाता है तो उसे नए बने jQuery ऑब्जैक्ट में रखा जाता है; अन्यथा उसे बाहर रखा जाता है।

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

<ul>
   <li>सूची आइटम 1</li>
   <li>सूची आइटम 2</li>
   <li class="third-item">सूची आइटम 3</li>
   <li>सूची आइटम 4</li>
   <li>सूची आइटम 5</li>
</ul>

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

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

अपने आप साबित करें

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

jQuery प्रविष्टि संदर्भ ग्रंथ