Metod siblings

Metod siblings pronalazi sve susedne elemente unutar istog roditelja.

Sintaksa

Dobijanje susednih elemenata:

javascript.siblings();

Takođe je moguće filtrirati susedne elemente po datom selektoru (u skupu će ostati samo oni susedi, koji zadovoljavaju ovaj selektor):

javascript.siblings(selektor);

Primer

Hajde da pronađemo element #test i svim njegovim susedima postavimo tekst '!' pomoću metoda html:

html<p>spolja</p>
<div>
  <p>unutar</p>
  <p>unutar</p>
  <p id="test">unutar</p>
  <p>unutar</p>
  <p>unutar</p>
</div>
<p>spolja</p>

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

HTML kod će tada izgledati ovako:

html<p>spolja</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">unutar</p>
  <p>!</p>
  <p>!</p>
</div>
<p>spolja</p>

Primer

Hajde da pronađemo element #test i svim njegovim susedima sa klasom www postavimo tekst '!' pomoću metoda html:

html<p>spolja</p>
<div>
  <p>unutar</p>
  <p class="www">unutar</p>
  <p>unutar</p>
  <p id="test">unutar</p>
  <p>unutar</p>
  <p class="www">unutar</p>
  <p>unutar</p>
</div>
<p>spolja</p>

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

HTML kod će tada izgledati ovako:

html<p>spolja</p>
<div>
  <p>unutar</p>
  <p class="www">!</p>
  <p>unutar</p>
  <p id="test">unutar</p>
  <p>unutar</p>
  <p class="www">!</p>
  <p>unutar</p>
</div>
<p>spolja</p>

Pogledajte takođe