Metoden siblings
Metoden siblings hittar alla
syskon till elementet inom samma förälder.
Syntax
Hämta syskon:
.siblings();
Man kan också filtrera syskonen efter en given selektor (endast de syskon som uppfyller denna selektor kommer att finnas kvar i urvalet):
.siblings(selektor);
Exempel
Låt oss hitta elementet #test och sätta texten
'!' för alla dess syskon med metoden
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-koden kommer att se ut så här:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Exempel
Låt oss hitta elementet #test och sätta
texten '!' för alla dess syskon med klassen
www med metoden
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-koden kommer att se ut så här:
<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>
