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