Methode siblings
De methode siblings vindt alle
buren van een element binnen dezelfde ouder.
Syntaxis
Buren verkrijgen:
.siblings();
Je kunt de buren ook filteren op een opgegeven selector (in de set blijven alleen die buren over, die aan deze selector voldoen):
.siblings(selector);
Voorbeeld
Laten we het element #test vinden en al zijn
buren de tekst '!' geven met behulp van de methode
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('!');
De HTML-code ziet er dan als volgt uit:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Voorbeeld
Laten we het element #test vinden en al
zijn buren met de klasse www de tekst
'!' geven met behulp van de methode
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('!');
De HTML-code ziet er dan als volgt uit:
<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>
