Siblings metodi
siblings metodi bir ota-ichidagi
barcha element qo'shnilarini topadi.
Sintaksis
Qo'shnilarni olish:
.siblings();
Shuningdek, qo'shnilarni berilgan selektor bo'yicha filtrlash mumkin (to'plamda faqat shu selektorga mos keladigan qo'shnilar qoladi):
.siblings(selektor);
Misol
Keling, #test elementini topaylik va uning
barcha qo'shnilariga html
metodi yordamida '!' matnini qo'yamiz:
<p>tashqarida</p>
<div>
<p>ichida</p>
<p>ichida</p>
<p id="test">ichida</p>
<p>ichida</p>
<p>ichida</p>
</div>
<p>tashqarida</p>
$('#test').siblings().html('!');
HTML kod shu ko'rinishga keladi:
<p>tashqarida</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">ichida</p>
<p>!</p>
<p>!</p>
</div>
<p>tashqarida</p>
Misol
Keling, #test elementini topaylik va uning
www klassiga ega bo'lgan barcha qo'shnilariga
html
metodi yordamida '!' matnini qo'yamiz:
<p>tashqarida</p>
<div>
<p>ichida</p>
<p class="www">ichida</p>
<p>ichida</p>
<p id="test">ichida</p>
<p>ichida</p>
<p class="www">ichida</p>
<p>ichida</p>
</div>
<p>tashqarida</p>
$('#test').siblings('.www').html('!');
HTML kod shu ko'rinishga keladi:
<p>tashqarida</p>
<div>
<p>ichida</p>
<p class="www">!</p>
<p>ichida</p>
<p id="test">ichida</p>
<p>ichida</p>
<p class="www">!</p>
<p>ichida</p>
</div>
<p>tashqarida</p>