Метод siblings

Метод siblings налази све суседе елемента унутар истог родитеља.

Синтакса

Добијање суседа:

javascript.siblings();

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

javascript.siblings(selector);

Пример

Хајде да нађемо елемент #test и свим његовим суседима поставимо текст '!' помоћу методе html:

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>

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

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:

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>

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

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>

Погледајте такође