siblings मेथड

siblings मेथड एक ही पैरेंट के अंदर एलिमेंट के सभी पड़ोसियों को ढूंढता है।

सिंटैक्स

पड़ोसियों को प्राप्त करना:

javascript.siblings();

पड़ोसियों को दिए गए सेलेक्टर के आधार पर फ़िल्टर भी किया जा सकता है (सेट में केवल वही पड़ोसी रहेंगे जो इस सेलेक्टर को संतुष्ट करते हैं):

javascript.siblings(सेलेक्टर);

उदाहरण

आइए #test एलिमेंट को ढूंढें और इसके सभी पड़ोसियों को html मेथड की मदद से '!' टेक्स्ट सेट करें:

html<p>बाहर</p>
<div>
  <p>अंदर</p>
  <p>अंदर</p>
  <p id="test">अंदर</p>
  <p>अंदर</p>
  <p>अंदर</p>
</div>
<p>बाहर</p>

javascript$('#test').siblings().html('!');

HTML कोड इस तरह दिखेगा:

html<p>बाहर</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">अंदर</p>
  <p>!</p>
  <p>!</p>
</div>
<p>बाहर</p>

उदाहरण

आइए #test एलिमेंट को ढूंढें और इसके सभी पड़ोसियों जिनके पास 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>

javascript$('#test').siblings('.www').html('!');

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>

यह भी देखें