Метод siblings

Методот siblings ги наоѓа сите соседи на елементот во рамки на истиот родител.

Синтакса

Добивање на соседи:

javascript.siblings();

Може исто така да ги филтрирате соседите според даден селектор (во множеството ќе останат само оние соседи кои го задоволуваат овој селектор):

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

Пример

Ајде да го најдеме елементот #test и на сите негови соседи да поставиме текст '!' со помош на методот html:

html<p>надвор</p>
<div>
  <p>внатре</p>
  <p>внатре</p>
  <p id="test">внатре</p>
  <p>внатре</p>
  <p>внатре</p>
</div>
<p>надвор</p>

javascript$('#test').siblings().html('!');

HTML кодот ќе изгледа вака:

html<p>надвор</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">внатре</p>
  <p>!</p>
  <p>!</p>
</div>
<p>надвор</p>

Пример

Ајде да го најдеме елементот #test и на сите негови соседи со класа 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>

javascript$('#test').siblings('.www').html('!');

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>

Погледнете ги исто така