jQuery अगला () विधि
उदाहरण
प्रत्येक <li> तत्व का अगला सहोदर तत्व वर्ग नाम "प्रारंभ" के साथ लौटाएं:
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
परिणाम:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
परिभाषा और उपयोग
अगला () विधि चयनित तत्व का अगला सहोदर तत्व लौटाता है।
सहोदर तत्व ऐसे तत्व हैं जो समान माता-पिता को साझा करते हैं।
DOM ट्री: यह विधि DOM तत्वों के अगले सिबलिंग के साथ आगे बढ़ती है।
संबंधित तरीके:
- nextAll () - चयनित तत्व के सभी अगले सहोदर तत्व लौटाता है
- nextUntil () - दो दिए गए तर्कों के बीच सभी अगले भाई तत्वों को लौटाता है
वाक्य - विन्यास
$(selector).next(filter)
Parameter | Description |
---|---|
filter | Optional. Specifies a selector expression to narrow down the next sibling search |
इसे स्वयं आज़माएं - उदाहरण
के अगले सहोदर तत्व का चयन कैसे करें।
करें प्रत्येक <div> तत्व के अगले सहोदर <p> तत्व का चयन कैसे करें।