siblings मेथड
siblings मेथड एक ही पैरेंट के अंदर
एलिमेंट के सभी पड़ोसियों को ढूंढता है।
सिंटैक्स
पड़ोसियों को प्राप्त करना:
.siblings();
पड़ोसियों को दिए गए सेलेक्टर के आधार पर फ़िल्टर भी किया जा सकता है (सेट में केवल वही पड़ोसी रहेंगे जो इस सेलेक्टर को संतुष्ट करते हैं):
.siblings(सेलेक्टर);
उदाहरण
आइए #test एलिमेंट को ढूंढें और इसके सभी
पड़ोसियों को html मेथड की मदद से
'!' टेक्स्ट सेट करें:
<p>बाहर</p>
<div>
<p>अंदर</p>
<p>अंदर</p>
<p id="test">अंदर</p>
<p>अंदर</p>
<p>अंदर</p>
</div>
<p>बाहर</p>
$('#test').siblings().html('!');
HTML कोड इस तरह दिखेगा:
<p>बाहर</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">अंदर</p>
<p>!</p>
<p>!</p>
</div>
<p>बाहर</p>
उदाहरण
आइए #test एलिमेंट को ढूंढें और इसके
सभी पड़ोसियों जिनके पास www क्लास है, उन्हें
html मेथड की मदद से
'!' टेक्स्ट सेट करें:
<p>बाहर</p>
<div>
<p>अंदर</p>
<p class="www">अंदर</p>
<p>अंदर</p>
<p id="test">अंदर</p>
<p>अंदर</p>
<p class="www">अंदर</p>
<p>अंदर</p>
</div>
<p>बाहर</p>
$('#test').siblings('.www').html('!');
HTML कोड इस तरह दिखेगा:
<p>बाहर</p>
<div>
<p>अंदर</p>
<p class="www">!</p>
<p>अंदर</p>
<p id="test">अंदर</p>
<p>अंदर</p>
<p class="www">!</p>
<p>अंदर</p>
</div>
<p>बाहर</p>