Método siblings
El método siblings encuentra todos
los elementos hermanos dentro de un mismo padre.
Sintaxis
Obtención de elementos hermanos:
.siblings();
También se pueden filtrar los elementos hermanos por un selector dado (en el conjunto permanecerán solo aquellos hermanos que satisfagan este selector):
.siblings(selector);
Ejemplo
Encontremos el elemento #test y a todos sus
hermanos pongamos el texto '!' usando el método
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('!');
El código HTML quedará así:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Ejemplo
Encontremos el elemento #test y a todos
sus hermanos con la clase www pongamos
el texto '!' usando el método
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('!');
El código HTML quedará así:
<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>
