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>
