jQuery अगला तक () विधि
उदाहरण
वर्ग नाम "प्रारंभ" और "रोकें" के साथ दो <li> तत्वों के बीच सभी भाई तत्वों को वापस करें:
$(document).ready(function(){
$("li.start").nextUntil("li.stop").css({"color": "red", "border": "2px solid red"});
});
परिणाम:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
- li (sibling)
- li (sibling with class name "stop")
परिभाषा और उपयोग
NextUntil () विधि चयनकर्ता और स्टॉप के बीच सभी अगले भाई तत्वों को लौटाती है ।
सहोदर तत्व ऐसे तत्व हैं जो समान माता-पिता को साझा करते हैं।
DOM ट्री: यह विधि DOM तत्वों के भाई-बहनों के साथ आगे बढ़ती है।
नोट: यदि दोनों पैरामीटर खाली हैं, तो यह विधि सभी अगले सिबलिंग तत्वों (अगली सभी () विधि के समान) को वापस कर देगी।
संबंधित तरीके:
- अगला () - चयनित तत्व का अगला सहोदर तत्व लौटाता है
- nextAll () - चयनित तत्व के सभी अगले सहोदर तत्व लौटाता है
वाक्य - विन्यास
$(selector).nextUntil(stop,filter)
Parameter | Description |
---|---|
stop | Optional. A selector expression, element or jQuery object indicating where to stop the search for next matching siblings elements |
filter | Optional. Specifies a selector expression to narrow down the search for sibling elements between the selector and stop Note: To return multiple siblings, separate each expression with a comma. |
इसे स्वयं आज़माएं - उदाहरण
दो तर्कों के बीच अगले सहोदर तत्वों की खोज को फ़िल्टर करने के लिए दोनों मापदंडों का उपयोग करना।
दो तर्कों के बीच एकाधिक सहोदर तत्वों को कैसे लौटाएँ।
सभी भाई तत्वों को दो दिए गए तर्कों को वापस करने के लिए चयनकर्ता के बजाय एक डीओएम तत्व का उपयोग करना।
उपयोग करना चयनकर्ता के बजाय DOM तत्व का उपयोग करना और दो तर्कों के बीच अगली सहोदर खोज को फ़िल्टर करने के लिए दोनों पैरामीटर।