Meetod siblings

Meetod siblings leiab kõik elemendi naabrid ühe vanema sees.

Süntaks

Naabrite hankimine:

javascript.siblings();

Naabreid saab filtreerida antud selektoriga (hulka jäävad ainult need naabrid, mis vastavad sellele selektorile):

javascript.siblings(selektor);

Näide

Leiame elemendi #test ja paneme kõikidele selle naabritele teksti '!' meetodi html abil:

html<p>väljas</p>
<div>
  <p>sees</p>
  <p>sees</p>
  <p id="test">sees</p>
  <p>sees</p>
  <p>sees</p>
</div>
<p>väljas</p>
javascript$('#test').siblings().html('!');

HTML-kood näeb välja selline:

html<p>väljas</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">sees</p>
  <p>!</p>
  <p>!</p>
</div>
<p>väljas</p>

Näide

Leiame elemendi #test ja paneme kõikidele selle naabritele klassiga www teksti '!' meetodi html abil:

html<p>väljas</p>
<div>
  <p>sees</p>
  <p class="www">sees</p>
  <p>sees</p>
  <p id="test">sees</p>
  <p>sees</p>
  <p class="www">sees</p>
  <p>sees</p>
</div>
<p>väljas</p>
javascript$('#test').siblings('.www').html('!');

HTML-kood näeb välja selline:

html<p>väljas</p>
<div>
  <p>sees</p>
  <p class="www">!</p>
  <p>sees</p>
  <p id="test">sees</p>
  <p>sees</p>
  <p class="www">!</p>
  <p>sees</p>
</div>
<p>väljas</p>

Vaata ka

  • meetod prev,
    mis võimaldab elemendi ülemist naabrit
  • meetod next,
    mis võimaldab elemendi alumist naabrit
  • meetod parent,
    mis võimaldab saada elemendi vanemat