jQuery interrogazione - metodo prevAll()
Esempio
Localizza tutti i div precedenti al div ultimo e aggiungi loro la classe:
$("div:last").prevAll().addClass("before");
Definizione e uso
prevAll() ottiene gli elementi gemelli precedenti di ciascun elemento nella raccolta corrispondente, l'uso del selettore per filtrare è opzionale.
Sintassi
.prevAll(selector)
| Parametro | Descrizione |
|---|---|
| selector | Valore di stringa, che contiene l'espressione del selettore utilizzata per abbinare gli elementi. |
Spiegazione dettagliata
Se forniamo un oggetto jQuery che rappresenta una raccolta di elementi DOM, il metodo .prevAll() ci permette di cercare gli elementi gemelli precedenti in 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 applichiamo questo selettore, filtreremo gli elementi verificando se corrispondono a questo selettore.
Pensa a questa pagina con una lista annidata di base:
<ul> <li>elemento della lista 1</li> <li>elemento della lista 2</li> <li class="third-item">elemento della lista 3</li> <li>elemento della lista 4</li> <li>elemento della lista 5</li> </ul>
Se partiamo dal terzo elemento, possiamo trovare gli elementi gemelli tra loro:
$('li.third-item').prevAll().css('background-color', 'red');
Il risultato chiamato qui imposta lo sfondo in rosso per l'elemento 2 e 1. Poiché non applichiamo l'espressione del selettore, questi elementi precedenti naturalmente diventano parte dell'oggetto. Se applichiamo un selettore, prima di includere gli elementi, controlliamo se questi elementi corrispondono al selettore.
