Tutoriales básicos de jQuery

Efectos jQuery

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

Los elementos del mismo nivel deben tener el mismo elemento padre.

$(selector).nextAll(selectorExpression)

Devuelve el elemento con id="div-1del elemento siguiente nivel:

Ejemplo

$("document").ready(function(){
　　$("#div-1").nextAll().css("background", "mediumpurple");
});

Devuelve todos los elementos del siguiente nivel del elemento DIV:

Ejemplo

$("document").ready(function(){
　　$("div").nextAll().css("background", "lightblue");
});

Devuelve todos los elementos del siguiente nivel del elemento DIV, lo mismo que la función de $("div ~ p"):

Ejemplo

$("document").ready(function(){
　　$("div").nextAll("p").css("background", "lightblue");
});

Parámetros	Descripción
selectorExpression	Expresión de selector (opcional), elemento o objeto jQuery para que el elemento se ajuste a él Atención:Para devolver múltiples elementos del mismo nivel, utilice comas para separar cada expresión