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