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

Глядзіце таксама