English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo filter() jQuery

jQuery può essere utilizzato per filtrare/cercare un elemento specifico in un gruppo di elementi.

Metodo filter() jQuery

jQuery filter()Il metodo restituisce gli elementi che corrispondono a una condizione specifica.

Questo metodo filtra tutti gli elementi che non corrispondono alle condizioni selezionate e restituisce quelli che corrispondono.

Filtra la tabella

Esempio di ricerca non case-sensitive sugli elementi della tabella:

Inserisci il contenuto nel campo di input per cercare il nome, la città o il telefono nella tabella:


NomeCittàTelefono
SeagullNuova Delhi999945850
EspyMidazolam8425896528
MuditJaipur9858621233
AnkitMumbai9560478555
NancyNuova Delhi9210154545
Esegui codice

Spiegazione dell'esempio:

  • filter()Metodo per verificare se esiste qualsiasi valore di testo che corrisponda al valore del campo di input

  • toggle()Metodo per nascondere le righe che non corrispondono alla ricerca

  • toLowerCase()Metodo per convertire il testo in minuscolo, rendendo la ricerca insensibile alle maiuscole

Filtra elenco

Esempio seguente esegue una ricerca case-insensibile sugli elementi della lista:

Inserisci il contenuto nel campo di input per cercare gli elementi della lista:


  • Londra

  • Nuova Delhi

  • Pechino

  • Mumbai

  • Bangalore

Esegui codice

Filtra altri elementi

Esempio seguente esegue una ricerca case-insensibile all'interno dell'elemento DIV:

Inserisci il contenuto nel campo di input:


Questo è il primo paragrafo.

Questo è il secondo paragrafo.

Questo è un elemento DIV.

Questo è l'ultimo paragrafo.

Esegui codice