Metodi siblings

Metodi siblings löytää kaikki elementin naapurit saman vanhemman sisällä.

Syntaksi

Naapurien hankinta:

javascript.siblings();

Naapureita voidaan myös suodattaa annetulla valitsimella (joukkoon jäävät vain ne naapurit, jotka täyttävät tämän valitsimen ehdot):

javascript.siblings(selector);

Esimerkki

Etsitään elementti #test ja asetetaan kaikille sen naapureille teksti '!' metodilla 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-koodi muuttuu näyttämään tältä:

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

Esimerkki

Etsitään elementti #test ja asetetaan kaikille sen naapureille, joilla on luokka www, teksti '!' metodilla 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-koodi muuttuu näyttämään tältä:

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>

Katso myös