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>

আরও দেখুন