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

Método filter() de jQuery

jQuery se puede usar para filtrar/Buscar un elemento específico en un grupo de elementos.

Método filter() de jQuery

jQuery filter()El método devuelve los elementos que coinciden con las condiciones específicas.

Este método filtra todos los elementos que no cumplen con las condiciones seleccionadas y devuelve aquellos que coinciden.

Filtrar tabla

El siguiente ejemplo realiza una búsqueda insensible a mayúsculas y minúsculas en los elementos de la tabla:

Escribe contenido en el campo de entrada para buscar nombres, ciudades o teléfonos en la tabla:


NombreCiudadTeléfono
SeagullNueva Delhi999945850
EspyMidazolam8425896528
MuditJaipur9858621233
AnkitMumbai9560478555
NancyNueva Delhi9210154545
Ejecutar código

Ejemplo de explicación:

  • filter()Método para verificar si hay algún valor de texto que coincida con el valor del campo de entrada

  • toggle()Método para ocultar las filas que no coinciden con la búsqueda

  • toLowerCase()Método para convertir texto a minúsculas, lo que hace que la búsqueda sea insensible a mayúsculas y minúsculas

Filtrar lista

El siguiente ejemplo realiza una búsqueda insensible a mayúsculas y minúsculas en los elementos de la lista:

Escribe contenido en el campo de entrada para buscar elementos de la lista:


  • Londres

  • Nueva Delhi

  • Pekín

  • Mumbai

  • Bangalore

Ejecutar código

Filtrar otros elementos

El siguiente ejemplo realiza una búsqueda insensible a mayúsculas y minúsculas dentro del elemento DIV:

Escribe contenido en el campo de entrada:


Este es el primer párrafo.

Este es el segundo párrafo.

Este es un elemento DIV.

Este es el último párrafo.

Ejecutar código