jQuery ट्रैवर्सिंग - भाई बहन
JQuery के साथ आप किसी तत्व के भाई-बहनों को खोजने के लिए DOM ट्री में बग़ल में जा सकते हैं।
भाई-बहन एक ही माता-पिता को साझा करते हैं।
DOM ट्री में बग़ल में घूमना
DOM ट्री में बग़ल में ट्रैवर्स करने के लिए कई उपयोगी jQuery विधियाँ हैं:
siblings()
next()
nextAll()
nextUntil()
prev()
prevAll()
prevUntil()
jQuery भाई बहन () विधि
siblings()
विधि चयनित तत्व के सभी सहोदर तत्वों को लौटाती है ।
निम्नलिखित उदाहरण के सभी भाई तत्वों को लौटाता है <h2>
:
उदाहरण
$(document).ready(function(){
$("h2").siblings();
});
आप भाई-बहनों की खोज को फ़िल्टर करने के लिए वैकल्पिक पैरामीटर का भी उपयोग कर सकते हैं।
निम्नलिखित उदाहरण सभी सिबलिंग तत्वों को लौटाता है <h2>
जो <p>
तत्व हैं:
उदाहरण
$(document).ready(function(){
$("h2").siblings("p");
});
jQuery अगला () विधि
next()
विधि चयनित तत्व का अगला सहोदर तत्व लौटाती है ।
निम्नलिखित उदाहरण के अगले भाई को लौटाता है <h2>
:
उदाहरण
$(document).ready(function(){
$("h2").next();
});
jQuery अगला सभी () विधि
nextAll()
विधि चयनित तत्व के सभी अगले सहोदर तत्व लौटाती है ।
निम्नलिखित उदाहरण सभी अगले भाई तत्वों को लौटाता है
<h2>
:
उदाहरण
$(document).ready(function(){
$("h2").nextAll();
});
jQuery अगला तक () विधि
विधि दो दिए गए तर्कों के बीच सभी अगले भाई तत्वों को nextUntil()
लौटाती है।
<h2>
निम्न उदाहरण एक और एक तत्व के बीच सभी सहोदर तत्वों को लौटाता <h6>
है:
उदाहरण
$(document).ready(function(){
$("h2").nextUntil("h6");
});
jQuery पिछला (), prevAll () और prevUntil () तरीके
, और विधियां उपरोक्त विधियों prev()
की तरह ही काम करती हैं लेकिन रिवर्स कार्यक्षमता के साथ: वे पिछले भाई तत्वों को वापस कर देते हैं (आगे की बजाय डीओएम पेड़ में भाई तत्वों के साथ पीछे की ओर जाते हैं)।prevAll()
prevUntil()
jQuery व्यायाम
jQuery ट्रैवर्सिंग संदर्भ
सभी jQuery ट्रैवर्सिंग विधियों के संपूर्ण अवलोकन के लिए, कृपया हमारे jQuery ट्रैवर्सिंग संदर्भ पर जाएँ ।