jQuery next() 方法
实例
返回带有类名 "start" 的每个 <li> 元素的后一个同级元素:
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
结果:
ul (parent)
- li (sibling)
- li (sibling)
- li (sibling with class name "start")
- li (sibling)
- li (sibling)
亲自试一试 »
定义和用法
next() 方法返回被选元素的后一个同级元素。
同级元素是共享相同父元素的元素。
注意: 该方法只返回一个元素。
DOM 树: 该方法沿着 DOM 元素的后一个同级元素向前遍历。
相关方法:
- nextAll() - 返回被选元素之后的所有同级元素
- nextUntil() - 返回两个给定参数之间的每个元素之后的所有同级元素
语法
$(selector).next(filter)
| 参数 | 描述 |
|---|---|
| filter | 可选。规定缩小搜索后一个同级元素范围的选择器表达式。 |
更多实例
选取每个 <div> 元素的后一个同级元素
如何选取每个 <div> 元素的后一个同级元素。
缩小搜索范围
如何选取每个 <div> 元素的后一个同级 <p> 元素。
