jQuery Traversing - Filtraggio


I metodi first(), last(), eq(), filter() e not()

I metodi di filtraggio più semplici sono first(), last()e eq(), che consentono di selezionare un elemento specifico in base alla sua posizione in un gruppo di elementi.

Altri metodi di filtraggio, come filter()e not()ti consentono di selezionare elementi che corrispondono o non corrispondono a determinati criteri.


jQuery first() Metodo

Il first()metodo restituisce il primo elemento degli elementi specificati.

L'esempio seguente seleziona il primo <div> elemento:

Esempio

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

jQuery metodo last()

Il last()metodo restituisce l'ultimo elemento degli elementi specificati.

L'esempio seguente seleziona l'ultimo <div> elemento:

Esempio

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


jQuery eq() metodo

Il eq()metodo restituisce un elemento con un numero di indice specifico degli elementi selezionati.

I numeri di indice iniziano da 0, quindi il primo elemento avrà il numero di indice 0 e non 1. L'esempio seguente seleziona il secondo <p>elemento (numero di indice 1):

Esempio

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

jQuery filter() Metodo

Il filter()metodo consente di specificare un criterio. Gli elementi che non corrispondono ai criteri vengono rimossi dalla selezione e quelli che corrispondono verranno restituiti.

L'esempio seguente restituisce tutti <p>gli elementi con il nome della classe "intro":

Esempio

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

jQuery not() Metodo

Il not()metodo restituisce tutti gli elementi che non corrispondono ai criteri.

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

L'esempio seguente restituisce tutti <p>gli elementi che non hanno il nome di classe "intro":

Esempio

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

Esercizi jQuery

Mettiti alla prova con gli esercizi

Esercizio:

Usa un metodo jQuery per ottenere il primo elemento <div> nel documento.

$("div").();


Riferimento per l'attraversamento di jQuery

Per una panoramica completa di tutti i metodi di jQuery Traversing, vai al nostro jQuery Traversing Reference .