Metoden siblings

Metoden siblings finder alle søskende til et element inden for den samme forælder.

Syntaks

At få søskende:

javascript.siblings();

Man kan også filtrere søskende efter en given selector (i samlingen vil kun de søskende blive tilbage, som opfylder denne selector):

javascript.siblings(selector);

Eksempel

Lad os finde elementet #test og sætte tekst '!' for alle dets søskende ved hjælp af metoden html:

html<p>udenfor</p>
<div>
  <p>inde</p>
  <p>inde</p>
  <p id="test">inde</p>
  <p>inde</p>
  <p>inde</p>
</div>
<p>udenfor</p>

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

HTML-koden vil se sådan ud:

html<p>udenfor</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">inde</p>
  <p>!</p>
  <p>!</p>
</div>
<p>udenfor</p>

Eksempel

Lad os finde elementet #test og sætte tekst '!' for alle dets søskende med klassen www ved hjælp af metoden html:

html<p>udenfor</p>
<div>
  <p>inde</p>
  <p class="www">inde</p>
  <p>inde</p>
  <p id="test">inde</p>
  <p>inde</p>
  <p class="www">inde</p>
  <p>inde</p>
</div>
<p>udenfor</p>

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

HTML-koden vil se sådan ud:

html<p>udenfor</p>
<div>
  <p>inde</p>
  <p class="www">!</p>
  <p>inde</p>
  <p id="test">inde</p>
  <p>inde</p>
  <p class="www">!</p>
  <p>inde</p>
</div>
<p>udenfor</p>

Se også