jQuery ट्यूटोरियल

jQuery होम jQuery परिचय jQuery आरंभ करें jQuery सिंटेक्स jQuery चयनकर्ता jQuery की घटनाएँ

jQuery प्रभाव

jQuery छुपाएं/दिखाएं jQuery फीका jQuery स्लाइड jQuery चेतन jQuery स्टॉप () jQuery कॉलबैक jQuery चेनिंग

jQuery एचटीएमएल

jQuery प्राप्त करें jQuery सेट jQuery जोड़ें jQuery निकालें jQuery सीएसएस कक्षाएं jQuery सीएसएस () jQuery के आयाम

jQuery ट्रैवर्सिंग

jQuery ट्रैवर्सिंग jQuery के पूर्वज jQuery के वंशज jQuery भाई बहन jQuery फ़िल्टरिंग

jQuery AJAX

jQuery AJAX परिचय jQuery लोड jQuery प्राप्त करें/पोस्ट करें

jQuery विविध

jQuery नो कॉन्फ्लिक्ट () jQuery फिल्टर

jQuery के उदाहरण

jQuery के उदाहरण jQuery प्रश्नोत्तरी jQuery व्यायाम jQuery प्रमाणपत्र

jQuery संदर्भ

jQuery अवलोकन jQuery चयनकर्ता jQuery की घटनाएँ jQuery प्रभाव jQuery एचटीएमएल/सीएसएस jQuery ट्रैवर्सिंग jQuery AJAX jQuery विविध jQuery गुण

jQuery भाई बहन () विधि

❮ jQuery ट्रैवर्सिंग के तरीके

उदाहरण

प्रत्येक <li> तत्व के सभी भाई तत्वों को वर्ग नाम "प्रारंभ" के साथ लौटाएं:

$(document).ready(function(){
  $("li.start").siblings().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 तत्वों के भाई-बहनों के साथ आगे और पीछे जाती है।

युक्ति: केवल पिछले या अगले सहोदर तत्वों की खोज को कम करने के लिए पिछला () या अगला () विधि का उपयोग करें।


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

$(selector).siblings(filter)

Parameter Description
filter Optional. Specifies a selector expression to narrow down the search for sibling elements

इसे स्वयं आज़माएं - उदाहरण


करें सिबलिंग तत्वों की खोज को फ़िल्टर करने के लिए दोनों मापदंडों का उपयोग कैसे करें।


के सभी सहोदर <p> तत्वों की खोज को कैसे सीमित करें।


❮ jQuery ट्रैवर्सिंग के तरीके