jQuery next() 方法
示例
返回每个 class 名为 "start" 的 <li> 元素的下一个同级元素
$(document).ready(function(){
$("li.start").next().css({"color": "red", "border": "2px solid red"});
});
结果
ul (父元素)- li (同级元素)
- li (同级元素)
- li (class 名为 "start" 的同级元素)
- li (同级元素)
- li (同级元素)
亲自试一试 »
定义和用法
next() 方法返回所选元素的下一个同级元素。
同级元素是指共享相同父元素的元素。
DOM 树：此方法沿着 DOM 元素的下一个同级元素向前遍历。
相关方法
- nextAll() - 返回所选元素的所有后续同级元素
- nextUntil() - 返回两个给定参数之间的所有后续同级元素
语法
$(选择器).next(过滤器)
| 参数 | 描述 |
|---|---|
| 过滤器 | 可选。指定一个选择器表达式来缩小下一个同级元素的搜索范围 |
亲自试一试 - 示例
选择每个 <div> 元素的下一个同级元素
如何选择每个 <div> 元素的下一个同级元素。
缩小搜索范围
如何选择每个 <div> 元素的下一个同级 <p> 元素。
