jQuery next()Method
jQuery
Traversing MethodsExample
Return the next sibling element of each <li> element with class name "start":
$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
Result:
- ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
Try it Yourself »
Definition and Usage
The next() method returns the next sibling of selected elements.
Sibling elements are elements that share the same parent.
Note:This method returns only one element.
DOM Tree:This method traverses forward along the next sibling elements of the DOM element.
Related Methods:
- nextAll()- Returns all sibling elements after the selected element
- nextUntil()- Returns all sibling elements after each element between the two given parameters
Syntax
$(selector).next(filter)
| Parameter | Description |
|---|---|
| filter | Optional. Specifies a selector expression to narrow down the search for the next sibling element. |
More Examples
Select the next sibling element of each <div> element
How to select the next sibling element of each <div> element.
Narrow down the search
How to select the next sibling <p> element of each <div> element.
Other Extensions