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

Вижте също