Siblings metodi

siblings metodi bir ota-ichidagi barcha element qo'shnilarini topadi.

Sintaksis

Qo'shnilarni olish:

javascript.siblings();

Shuningdek, qo'shnilarni berilgan selektor bo'yicha filtrlash mumkin (to'plamda faqat shu selektorga mos keladigan qo'shnilar qoladi):

javascript.siblings(selektor);

Misol

Keling, #test elementini topaylik va uning barcha qo'shnilariga html metodi yordamida '!' matnini qo'yamiz:

html<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>

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

HTML kod shu ko'rinishga keladi:

html<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:

html<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>

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

HTML kod shu ko'rinishga keladi:

html<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>

Shuningdek qarang