Metóda siblings

Metóda siblings nájde všetkých susedov elementu v rámci jedného rodiča.

Syntax

Získanie susedov:

javascript.siblings();

Susedov je možné tiež filtrovať podľa zadaného selektora (v množine ostanú len tí susedia, ktorí spĺňajú tento selektor):

javascript.siblings(selektor);

Príklad

Nájdime element #test a všetkým jeho susedom nastavme text '!' pomocou metódy 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 vyzerať takto:

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

Príklad

Nájdime element #test a všetkým jeho susedom s triedou www nastavme text '!' pomocou metódy 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 vyzerať 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>

Pozrite si aj