Метод 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>

Ошондой эле караңыз