Esecuzione jQuery - Filtraggio

Ricerca abbreviata dell'intervallo degli elementi

I tre metodi di filtraggio più basilari sono: first(), last() e eq(), che ti permettono di selezionare un elemento specifico basandoti sulla sua posizione in un insieme di elementi.

Altri metodi di filtraggio, come filter() e not(), ti permettono di selezionare elementi che corrispondono o non corrispondono a uno standard specificato.

Metodo jQuery first()

Il metodo first() restituisce il primo elemento selezionato.

Esempio seguente seleziona il primo elemento <p> all'interno del primo elemento <div>:

Esempio

$(document).ready(function(){
  $("div p").first();
});

Prova tu stesso

Metodo jQuery last()

Il metodo last() restituisce l'ultimo elemento selezionato.

Esempio seguente seleziona l'ultimo elemento <p> all'interno dell'ultimo elemento <div>:

Esempio

$(document).ready(function(){
  $("div p").last();
});

Prova tu stesso

Metodo jQuery eq()

Il metodo eq() restituisce l'elemento selezionato con l'indice specificato.

L'indice parte da 0, quindi l'indice del primo elemento è 0, non 1. Esempio seguente seleziona il secondo elemento <p> (indice 1):

Esempio

$(document).ready(function(){
  $("p").eq(1);
});

Prova tu stesso

Metodo jQuery filter()

Il metodo filter() ti permette di stabilire un criterio. Gli elementi che non corrispondono a questo criterio vengono rimossi dalla raccolta e gli elementi che corrispondono vengono restituiti.

Esempio seguente restituisce tutti gli elementi <p> con la classe "intro":

Esempio

$(document).ready(function(){
  $("p").filter(".intro");
});

Prova tu stesso

Metodo jQuery not()

Il metodo not() restituisce tutti gli elementi che non corrispondono agli standard.

Suggerimento:Il metodo not() è l'opposto di filter().

Esempio seguente restituisce tutti gli elementi <p> senza la classe "intro":

Esempio

$(document).ready(function(){
  $("p").not(".intro");
});

Prova tu stesso

Manuale di riferimento per jQuery Traversal

Per conoscere tutti i metodi di traversal di jQuery, visita il nostro Manuale di riferimento per jQuery Traversal.