Метод siblings

Метод siblings элементнинг бир ота-она ичидаги барча қўшниларини топади.

Синтаксис

Қўшниларни олиш:

javascript.siblings();

Қўшниларни берилган селектор буйича фильтрлаш мумкин (тўпламда фақат шу селекторга жавоб берадиган қўшнилар қолади):

javascript.siblings(селектор);

Мисол

Келинг #test элементни топамиз ва унинг барча қўшниларига html методи ёрдамида '!' матнини қўйамиз:

html<p>outside</p>
<div>
  <p>inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p>inside</p>
</div>
<p>outside</p>

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

HTML код шундай кўринишга келади:

html<p>outside</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

Мисол

Келинг #test элементни топамиз ва унинг www синфига эга бўлган барча қўшниларига html методи ёрдамида '!' матнини қўйамиз:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p class="www">inside</p>
  <p>inside</p>
</div>
<p>outside</p>

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

HTML код шундай кўринишга келади:

html<p>outside</p>
<div>
  <p>inside</p>
  <p class="www">!</p>
  <p>inside</p>
  <p id="test">inside</p>
  <p>inside</p>
  <p class="www">!</p>
  <p>inside</p>
</div>
<p>outside</p>

Қаранг