Los últimos tutoriales de desarrollo web
 

jQuery nextAll() Method

Métodos de desplazamiento <jQuery

Ejemplo

Devolver todos los siguientes elementos relacionados de cada <li> elemento con el nombre de la clase "start" :

$(document).ready(function(){
    $("li.start").nextAll().css({"color": "red", "border": "2px solid red"});
});

Resultado:

    ul (parent)
  • li (sibling)
  • li (sibling)
  • li (sibling with class name "start")
  • li (sibling)
  • li (sibling)
  • li (sibling)
Inténtalo tú mismo "

Definición y Uso

El nextAll() método devuelve todos los siguientes elementos relacionados del elemento seleccionado.

elementos relacionados son elementos que comparten el mismo padre.

El árbol DOM: Este método recorrer hacia adelante a lo largo de los hermanos de los elementos DOM.

métodos relacionados:

  • next() - Devuelve el siguiente elemento hermano del elemento seleccionado
  • nextUntil() - devuelve todos los siguientes elementos relacionados entre dos argumentos dados

Sintaxis

$(selector).nextAll( filter )

Parámetro Descripción
filter Opcional. Especifica una expresión selector para limitar la búsqueda para los próximos hermanos

Nota: Para volver hermanos múltiples, separe cada expresión con una coma.

Inténtelo usted mismo - Ejemplos

Limitar la búsqueda
Cómo filtrar la búsqueda de elementos relacionados próximos.

Devolver varios hermanos
Utilizando el parámetro de filtro para obtener todos los hermanos de un <h2> elemento que tienen nombres de clase "first", "second" y "third" .

Seleccionar todos los siguientes elementos relacionados de un <p> elemento
¿Cómo seleccionar todos los siguientes elementos relacionados de un <p> elemento.

Seleccionar todo el siguiente hermano <p> elementos de <div>
Cómo seleccionar todos siguiente hermano <p> elementos de cada <div> elemento.


Métodos de desplazamiento <jQuery