Método nextAll() de Navegación jQuery
Ejemplo
Encuentra todas las clases después del primer div y añádelas:
$("div:first").nextAll().addClass("after");
Definición y uso
nextAll() obtiene todos los elementos hermanos que siguen a cada elemento que coincide en la colección de elementos coincidentes, la filtración por selector es opcional.
Sintaxis
.nextAll(selector)
| Parámetro | Descripción |
|---|---|
| selector | Valor de cadena, que contiene la expresión de selector utilizada para coincidir con los elementos. |
Explicación detallada
Si se proporciona un objeto jQuery que representa una colección de elementos DOM, el método .nextAll() nos permite buscar elementos hermanos que siguen en el árbol DOM, y construir un nuevo objeto jQuery con los elementos que coinciden.
Este método acepta una expresión de selector opcional, del mismo tipo que la que paso a la función $(). Si se aplica un selector, se filtrarán los elementos mediante la detección de si coinciden.
Piensa en la siguiente página con una lista simple:
<ul> <li>elemento de lista 1</li> <li>elemento de lista 2</li> <li class="third-item">elemento de lista 3</li> <li>elemento de lista 4</li> <li>elemento de lista 5</li> </ul>
Si comenzamos con el proyecto tres, podemos encontrar los elementos que aparecen después de él:
$('li.third-item').nextAll().css('background-color', 'red');
El resultado de esta llamada es que los proyectos 4 y 5 se han configurado con un fondo rojo. Dado que no hemos aplicado una expresión de selector, el elemento siguiente está claramente incluido como parte del objeto. Si ya hemos aplicado un selector, se verificará si coincide antes de incluirlo.
