jQuery Basic Tutorial

jQuery Effects

The nextAll() method returns all subsequent sibling elements of the selected element.

Sibling elements must have the same parent element.

$(selector).nextAll(selectorExpression)

Returns elements with id="div-1element's all next sibling elements:

Example

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

Returns all next sibling elements of each DIV element:

Example

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

Returns all next sibling elements of each DIV element, which is the same as $("div ~ p"):

Example

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

Parameter	Description
selectorExpression	(Optional) A selector expression, element, or jQuery object to match the element Note:To return multiple siblings, separate each expression with a comma