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

Смотрите также