Metoda siblings

Metoda siblings najde vse sosednje elemente znotraj istega starša.

Sintaksa

Pridobivanje sosednjih elementov:

javascript.siblings();

Sosednje elemente lahko tudi filtriramo z danim selektorjem (v nizu bodo ostali le tisti sosedje, ki izpolnjujejo ta selektor):

javascript.siblings(selektor);

Primer

Poiščimo element #test in vsem njegovim sosedom postavimo besedilo '!' z uporabo metode html:

html<p>zunaj</p>
<div>
  <p>znotraj</p>
  <p>znotraj</p>
  <p id="test">znotraj</p>
  <p>znotraj</p>
  <p>znotraj</p>
</div>
<p>zunaj</p>

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

HTML koda bo takole izgledala:

html<p>zunaj</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">znotraj</p>
  <p>!</p>
  <p>!</p>
</div>
<p>zunaj</p>

Primer

Poiščimo element #test in vsem njegovim sosedom z razredom www postavimo besedilo '!' z uporabo metode html:

html<p>zunaj</p>
<div>
  <p>znotraj</p>
  <p class="www">znotraj</p>
  <p>znotraj</p>
  <p id="test">znotraj</p>
  <p>znotraj</p>
  <p class="www">znotraj</p>
  <p>znotraj</p>
</div>
<p>zunaj</p>

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

HTML koda bo takole izgledala:

html<p>zunaj</p>
<div>
  <p>znotraj</p>
  <p class="www">!</p>
  <p>znotraj</p>
  <p id="test">znotraj</p>
  <p>znotraj</p>
  <p class="www">!</p>
  <p>znotraj</p>
</div>
<p>zunaj</p>

Glejte tudi