Metodi siblings
Metodi siblings löytää kaikki
elementin naapurit saman vanhemman sisällä.
Syntaksi
Naapurien hankinta:
.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):
.siblings(selector);
Esimerkki
Etsitään elementti #test ja asetetaan kaikille sen
naapureille teksti '!' metodilla
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>
$('#test').siblings().html('!');
HTML-koodi muuttuu näyttämään tältä:
<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:
<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>
$('#test').siblings('.www').html('!');
HTML-koodi muuttuu näyttämään tältä:
<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>
