Metodo siblings
Il metodo siblings trova tutti
gli elementi fratelli all'interno dello stesso genitore.
Sintassi
Ottenere gli elementi fratelli:
javascript.siblings();
È anche possibile filtrare gli elementi fratelli per un selettore specificato (nel set rimarranno solo gli elementi fratelli che soddisfano questo selettore):
javascript.siblings(selettore);
Esempio
Troviamo l'elemento #test e impostiamo il testo '!' a tutti i suoi
elementi fratelli utilizzando il metodo
html:
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>javascript$('#test').siblings().html('!');
Il codice HTML diventerà così:
html<p>outside</p>
<div>
<p>!</p>
<p>!</p>
<p id="test">inside</p>
<p>!</p>
<p>!</p>
</div>
<p>outside</p>
Esempio
Troviamo l'elemento #test e impostiamo
il testo '!' a tutti i suoi elementi fratelli con la classe www
utilizzando il metodo
html:
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>javascript$('#test').siblings('.www').html('!');
Il codice HTML diventerà così:
html<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>