जक्वेरी ब्रीवर - साथी

साथी एलिमेंट्स एक ही मूल एलिमेंट के साथी होते हैं。

जेनरल के माध्यम से, आप डॉम ट्री में एलिमेंट के साथी एलिमेंट्स को भ्रमण कर सकते हैं。

डॉम ट्री में आड़े तरफ भ्रमण

बहुत सी उपयोगी विधियाँ हैं जो हमें डॉम ट्री में आड़े तरफ भ्रमण करने देती हैं:

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

jQuery siblings() विधि

siblings() विधि चयनित एलिमेंट के सभी साथी एलिमेंट्स को वापस देती है。

नीचे दिए उदाहरण में <h2> के सभी साथी एलिमेंट्स को वापस देता है:

उदाहरण

$(document).ready(function(){
  $("h2").siblings();
});

स्वयं प्रयोग करें

आप अनिवार्य पारामीटर का उपयोग करके साथी एलिमेंट्स की खोज को फ़िल्टर कर सकते हैं。

नीचे दिए उदाहरण में <h2> के साथी एलिमेंट के सभी <p> एलिमेंट्स को वापस देता है:

उदाहरण

$(document).ready(function(){
  $("h2").siblings("p");
});

स्वयं प्रयोग करें

jQuery next() विधि

next() विधि चयनित एलिमेंट के अगले साथी एलिमेंट को वापस देती है。

यह विधि केवल एक एलिमेंट को वापस देती है。

नीचे दिए उदाहरण में <h2> के अगले साथी एलिमेंट को वापस देता है:

उदाहरण

$(document).ready(function(){
  $("h2").next();
});

स्वयं प्रयोग करें

jQuery nextAll() विधि

nextAll() विधि चयनित एलिमेंट के सभी अगले साथी एलिमेंट्स को वापस देती है。

नीचे दिए उदाहरण में <h2> के सभी अगले साथी एलिमेंट्स को वापस देता है:

उदाहरण

$(document).ready(function(){
  $("h2").nextAll();
});

स्वयं प्रयोग करें

jQuery nextUntil() विधि

nextUntil() विधि दो दिये गए पारामीटर के बीच के सभी अगले साथी एलिमेंट्स को वापस देती है。

नीचे दिए उदाहरण में <h2> और <h6> एलिमेंट्स के बीच के सभी साथी एलिमेंट्स को वापस देता है:

उदाहरण

$(document).ready(function(){
  $("h2").nextUntil("h6");
});

स्वयं प्रयोग करें

jQuery prev(), prevAll() & prevUntil() विधियाँ

prev(), prevAll() और prevUntil() विधियों का कामकाज उपरोक्त विधियों के समान है, लेकिन उल्टा दिशा में है: वे पिछले साथी एलिमेंट्स (डॉम ट्री में साथी एलिमेंट्स को आगे की ओर से पीछे की ओर आगे जाते हैं, नहीं कि आगे) को वापस देते हैं。

jQuery बारीकीय जानकारी मानवचरित्र

यदि आप जेनरल जेक्वेरी बारीकीय विधियों को जानना चाहते हैं, तो हमारे jQuery बारीकीय जानकारी मानवचरित्र。