A siblings metódus

A siblings metódus az elem összes azonos szülőn belüli szomszédját megkeresi.

Szintaxis

Szomszédok lekérése:

javascript.siblings();

A szomszédokat szűrhetjük is egy megadott szelektorral (a gyűjteményben csak azok a szomszédok maradnak, amik megfelelnek ennek a szelektornak):

javascript.siblings(szelektor);

Példa

Keressük meg a #test elemet, és állítsuk be az összes szomszédjának szövegét '!'-re a html metódus segítségével:

html<p>kívül</p>
<div>
  <p>bent</p>
  <p>bent</p>
  <p id="test">bent</p>
  <p>bent</p>
  <p>bent</p>
</div>
<p>kívül</p>

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

A HTML kód így fog kinézni:

html<p>kívül</p>
<div>
  <p>!</p>
  <p>!</p>
  <p id="test">bent</p>
  <p>!</p>
  <p>!</p>
</div>
<p>kívül</p>

Példa

Keressük meg a #test elemet, és állítsuk be az összes www osztállyal rendelkező szomszédjának szövegét '!'-re a html metódus segítségével:

html<p>kívül</p>
<div>
  <p>bent</p>
  <p class="www">bent</p>
  <p>bent</p>
  <p id="test">bent</p>
  <p>bent</p>
  <p class="www">bent</p>
  <p>bent</p>
</div>
<p>kívül</p>

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

A HTML kód így fog kinézni:

html<p>kívül</p>
<div>
  <p>bent</p>
  <p class="www">!</p>
  <p>bent</p>
  <p id="test">bent</p>
  <p>bent</p>
  <p class="www">!</p>
  <p>bent</p>
</div>
<p>kívül</p>

Lásd még