Recorrido de jQuery -Filtrado


Reducir el alcance de búsqueda de elementos

Los tres métodos de filtrado más básicos son: first(), last() y eq(), que le permiten seleccionar un elemento específico según su posición en un conjunto de elementos.

Otros métodos de filtrado, como filter() y not(), le permiten seleccionar elementos que coinciden o no coinciden con un criterio específico.


Método jQuery first()

El método first() devuelve el primer elemento de los elementos seleccionados.

El siguiente ejemplo selecciona el primer elemento <p> dentro del primer elemento <div>:

Ejemplo

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

Pruébalo »


Método jQuery last()

El método last() devuelve el último elemento de los elementos seleccionados.

El siguiente ejemplo selecciona el último elemento <p> dentro del último elemento <div>:

Ejemplo

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

Pruébalo »


Método jQuery eq()

El método eq() devuelve el elemento con el número de índice especificado entre los elementos seleccionados.

Los números de índice comienzan en 0, por lo que el índice del primer elemento es 0 y no 1. El siguiente ejemplo selecciona el segundo elemento <p> (índice 1):

Ejemplo

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

Pruébalo »


Método jQuery filter()

El método filter() le permite especificar un criterio. Los elementos que no coinciden con este criterio se eliminan del conjunto y los que coinciden se devuelven.

El siguiente ejemplo devuelve todos los elementos <p> con la clase "url":

Ejemplo

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

Pruébalo »


Método jQuery not()

El método not() devuelve todos los elementos que no coinciden con el criterio.

Consejo:El método not() es lo contrario de filter().

El siguiente ejemplo devuelve todos los elementos <p> que no tienen la clase "url":

Ejemplo

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

Pruébalo »
Otras extensiones