Recorrido de jQuery - Filtro

Búsqueda abreviada del rango 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 basado en su posición en un grupo de elementos.

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

Método jQuery first()

El método first() devuelve el primer elemento seleccionado.

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

Ejemplo

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

Prueba por tu propia cuenta

Método jQuery last()

El método last() devuelve el último elemento seleccionado.

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

Ejemplo

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

Prueba por tu propia cuenta

Método jQuery eq()

El método eq() devuelve el elemento seleccionado que tiene el índice especificado.

El índice comienza en 0, por lo que el índice del primer elemento es 0, no 1. El siguiente ejemplo selecciona el segundo elemento <p> (índice 1):

Ejemplo

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

Prueba por tu propia cuenta

Método jQuery filter()

El método filter() le permite establecer un estándar. Los elementos que no coinciden con este estándar se eliminarán de la colección y los elementos que coinciden se devolverán.

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

Ejemplo

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

Prueba por tu propia cuenta

Método jQuery not()

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

Consejo:El método not() es opuesto al método filter().

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

Ejemplo

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

Prueba por tu propia cuenta

Manual de referencia de jQuery traversal

Para obtener toda la información sobre los métodos de jQuery traversal, por favor visite nuestra Manual de referencia de jQuery traversal.