Método jQuery nextAll()

❮ Métodos transversales de jQuery

Ejemplo

Devuelve todos los siguientes elementos hermanos de cada elemento <li> con el nombre de clase "inicio":

$(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)

Definición y uso

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

Los elementos hermanos son elementos que comparten el mismo padre.

El árbol DOM: este método avanza 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 hermanos entre dos argumentos dados


Sintaxis

$(selector).nextAll(filter)

Parameter Description
filter Optional. Specifies a selector expression to narrow down the search for next siblings

Note: To return multiple siblings, separate each expression with a comma.

Pruébelo usted mismo - Ejemplos


Cómo filtrar la búsqueda de los siguientes elementos hermanos.


Usando el parámetro de filtro para obtener todos los hermanos de un elemento <h2> que tienen nombres de clase "primero", "segundo" y "tercero".


Cómo seleccionar todos los siguientes elementos hermanos de un elemento <p>.


Cómo seleccionar todos los siguientes elementos hermanos <p> de cada elemento <div>.


❮ Métodos transversales de jQuery