Metoden siblings

Metoden siblings finner alle søsken til et element innenfor samme forelder.

Syntaks

Hente søsken:

javascript.siblings();

Du kan også filtrere søsken etter en gitt velger (kun de søsken som tilfredsstiller denne velgeren vil forbli i samlingen):

javascript.siblings(velger);

Eksempel

La oss finne elementet #test og sette teksten '!' på alle dets søsken ved hjelp av metoden html:

html<p>utenfor</p>
<div>
  <p>inni</p>
  <p>inni</p>
  <p id="test">inni</p>
  <p>inni</p>
  <p>inni</p>
</div>
<p>utenfor</p>
javascript$('#test').siblings().html('!');

HTML-koden vil da se slik ut:

html<p>utenfor</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">inni</p>
  <p>!</p>
  <p>!</p>
</div>
<p>utenfor</p>

Eksempel

La oss finne elementet #test og sette teksten '!' på alle dets søsken med klassen www ved hjelp av metoden html:

html<p>utenfor</p>
<div>
  <p>inni</p>
  <p class="www">inni</p>
  <p>inni</p>
  <p id="test">inni</p>
  <p>inni</p>
  <p class="www">inni</p>
  <p>inni</p>
</div>
<p>utenfor</p>
javascript$('#test').siblings('.www').html('!');

HTML-koden vil da se slik ut:

html<p>utenfor</p>
<div>
  <p>inni</p>
  <p class="www">!</p>
  <p>inni</p>
  <p id="test">inni</p>
  <p>inni</p>
  <p class="www">!</p>
  <p>inni</p>
</div>
<p>utenfor</p>

Se også

  • metoden prev,
    som lar deg hente elementet over
  • metoden next,
    som lar deg hente elementet under
  • metoden parent,
    som lar deg hente forelder til elementet