# Метод siblings

Метод `siblings` находит всех соседей элемента внутри одного родителя.

## Синтаксис

Получение соседей:

`.siblings();`

Можно также пофильтровать соседей по заданному селектору (в наборе останутся только те соседи, которые удовлетворяют этому селектору):

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

## Пример

Давайте найдем элемент `#test` и всем его соседям поставим текст `'!'` с помощью метода `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>` `$('#test').siblings().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`:

`<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>` `$('#test').siblings('.www').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>`

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

- метод `prev`,
  который позволяет соседа элемента сверху
- метод `next`,
  который позволяет соседа элемента снизу
- метод `parent`,
  который позволяет получить родителя элемента

← →
↑