nextUntil विधि

nextUntil विधि उन तत्वों को लौटाती है जो दिए गए तत्व के बाद एक ही मूल तत्व के अंदर स्थित होते हैं। यह विधि दिए गए तत्व से लेकर उस पहले तत्व तक के तत्व लौटाती है जो विधि के पैरामीटर में निर्दिष्ट सेलेक्टर के अनुसार आता है। यदि विधि में कोई पैरामीटर नहीं दिया जाता है, तो यह nextAll विधि की तरह काम करेगी।

वाक्य-विन्यास

पहले पैरामीटर के रूप में, एक स्ट्रिंग के रूप में एक्सप्रेशन, DOM नोड या jQuery ऑब्जेक्ट पास किया जा सकता है, जिसके आधार पर चयन किया जाता है। दूसरे पैरामीटर के रूप में, स्ट्रिंग के रूप में फिल्टर की एक अतिरिक्त शर्त पास की जा सकती है। दोनों पैरामीटर वैकल्पिक हैं:

javascript.nextUntil([सेलेक्टर], [फिल्टर]);

उदाहरण

आइए #test तत्व को ढूंढें और www क्लास वाले पैराग्राफ तक उसके नीचे के सभी पड़ोसियों को html विधि का उपयोग करके '!' टेक्स्ट सेट करें:

html<p>बाहर</p>
<div>
  <p>अंदर</p>
  <p class="www">अंदर</p>
  <p>अंदर</p>
  <p>अंदर</p>
  <p id="test">अंदर</p>
  <p>अंदर</p>
  <p>अंदर</p>
  <p class="www">अंदर</p>
  <p>अंदर</p>
</div>
<p>बाहर</p>
javascript$('#test').prevUntil('p.www').html('!');

HTML कोड इस तरह दिखेगा:

html<p>बाहर</p>
<div>
  <p>अंदर</p>
  <p class="www">अंदर</p>
  <p>अंदर</p>
  <p>अंदर</p>
  <p id="test">अंदर</p>
  <p>!</p>
  <p>!</p>
  <p class="www">अंदर</p>
  <p>अंदर</p>
</div>
<p>बाहर</p>

यह भी देखें

  • prevUntil विधि,
    जो दिए गए तत्व से पहले स्थित तत्वों को लौटाती है
  • next विधि,
    जो तत्व के नीचे वाले पड़ोसी को प्राप्त करने की अनुमति देती है
  • nextAll विधि,
    जो दिए गए तत्व के बाद स्थित तत्वों को लौटाती है
  • siblings विधि,
    जो एक ही मूल तत्व के अंदर तत्व के पड़ोसियों को प्राप्त करने की अनुमति देती है