Метод siblings
Методот siblings ги наоѓа сите
соседи на елементот во рамки на истиот родител.
Синтакса
Добивање на соседи:
.siblings();
Може исто така да ги филтрирате соседите според даден селектор (во множеството ќе останат само оние соседи кои го задоволуваат овој селектор):
.siblings(селектор);
Пример
Ајде да го најдеме елементот #test и на сите негови
соседи да поставиме текст '!' со помош на методот
html:
<p>надвор</p>
<div>
<p>внатре</p>
<p>внатре</p>
<p id="test">внатре</p>
<p>внатре</p>
<p>внатре</p>
</div>
<p>надвор</p>
$('#test').siblings().html('!');
HTML кодот ќе изгледа вака:
<p>надвор</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">внатре</p>
<p>!</p>
<p>!</p>
</div>
<p>надвор</p>
Пример
Ајде да го најдеме елементот #test и на сите
негови соседи со класа www да поставиме
текст '!' со помош на методот
html:
<p>надвор</p>
<div>
<p>внатре</p>
<p class="www">внатре</p>
<p>внатре</p>
<p id="test">внатре</p>
<p>внатре</p>
<p class="www">внатре</p>
<p>внатре</p>
</div>
<p>надвор</p>
$('#test').siblings('.www').html('!');
HTML кодот ќе изгледа вака:
<p>надвор</p>
<div>
<p>внатре</p>
<p class="www">!</p>
<p>внатре</p>
<p id="test">внатре</p>
<p>внатре</p>
<p class="www">!</p>
<p>внатре</p>
</div>
<p>надвор</p>