jQuery esplorazione - metodo prevUntil()
Esempio
Trova tutti gli elementi gemelli di ogni elemento p con la classe "selected":
$("p").siblings(".selected")
Definizione e uso
siblings() ottiene i gemelli di ogni elemento nella raccolta di corrispondenza, il filtraggio attraverso il selettore è opzionale.
Sintassi
.siblings(selector)
| Parametro | Descrizione |
|---|---|
| selector | Valore di stringa, che contiene l'espressione di selettore utilizzata per abbinare gli elementi. |
Spiegazione dettagliata
Se viene fornito un oggetto jQuery che rappresenta una raccolta di elementi DOM, il metodo .siblings() permette di cercare gli elementi gemelli di questi elementi nel albero DOM e di costruire un nuovo oggetto jQuery con gli elementi corrispondenti.
Questo metodo accetta un'espressione di selettore opzionale, dello stesso tipo dei parametri passati alla funzione $(). Se applicato questo selettore, i elementi verranno filtrati attraverso il controllo di corrispondenza con il selettore.
Pensate a questa pagina con una lista annidata di base:
<ul> <li>elemento elenco 1</li> <li>elemento elenco 2</li> <li class="third-item">elemento elenco 3</li> <li>elemento elenco 4</li> <li>elemento elenco 5</li> </ul>
Se si parte dal terzo elemento, è possibile trovare gli elementi gemelli di questo elemento:
$('li.third-item').siblings().css('background-color', 'red');
Il risultato chiamato qui imposta lo sfondo in rosso per gli elementi 1, 2, 4 e 5. Impostare lo sfondo in rosso. Poiché non è stato applicato l'espressione del selettore, tutti gli elementi gemelli naturalmente diventano parte dell'oggetto. Se è stato applicato il selettore, conterranno solo i progetti che corrispondono alle quattro liste.
L'elemento originale non include gli elementi gemelli, è molto importante ricordare questo quando si intende trovare tutti gli elementi su un livello specifico dell'albero DOM.
