Metoda siblings

Metoda siblings najde všechny sousední elementy uvnitř stejného rodiče.

Syntaxe

Získání sousedních elementů:

javascript.siblings();

Lze také filtrovat sousední elementy podle zadaného selektoru (v sadě zůstanou pouze ti sousedé, kteří vyhovují tomuto selektoru):

javascript.siblings(selektor);

Příklad

Pojďme najít element #test a všem jeho sousedům nastavíme text '!' pomocí metody 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 kód bude vypadat takto:

html<p>outside</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">inside</p>
  <p>!</p>
  <p>!</p>
</div>
<p>outside</p>

Příklad

Pojďme najít element #test a všem jeho sousedům s třídou www nastavíme text '!' pomocí metody 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 kód bude vypadat takto:

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>

Viz také