Methode siblings
Die Methode siblings findet alle
Nachbarelemente innerhalb desselben Elternelements.
Syntax
Abrufen von Nachbarelementen:
.siblings();
Man kann die Nachbarelemente auch nach einem bestimmten Selektor filtern (im Set verbleiben nur die Nachbarn, die diesem Selektor entsprechen):
.siblings(Selektor);
Beispiel
Lassen wir das Element #test finden und setzen für alle seine
Nachbarn den Text '!' mit der 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('!');
Der HTML-Code sieht dann so aus:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Beispiel
Lassen wir das Element #test finden und setzen für alle
seine Nachbarn mit der Klasse www
den Text '!' mit der 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('!');
Der HTML-Code sieht dann so aus:
<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>
