Método siblings
O método siblings encontra todos os
elementos irmãos dentro do mesmo elemento pai.
Sintaxe
Obtendo os elementos irmãos:
.siblings();
Também é possível filtrar os elementos irmãos por um seletor específico (apenas os irmãos que atendem a esse seletor permanecerão no conjunto):
.siblings(seletor);
Exemplo
Vamos encontrar o elemento #test e definir o texto
'!' para todos os seus irmãos usando o 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('!');
O código HTML ficará assim:
<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Exemplo
Vamos encontrar o elemento #test e definir
o texto '!' para todos os seus irmãos
com a classe www usando o 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('!');
O código HTML ficará assim:
<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>
