jQuery next()方法|获取被选元素的后一个同级元素

jQuery 遍历方法

---

定义与用法

next() 方法返回被选元素的后一个同级元素。

同级元素是共享相同父元素的元素。

注意：该方法只返回一个元素。

DOM 树：该方法沿着 DOM 元素的后一个同级元素向前遍历。

相关方法：

• nextAll() – 返回被选元素之后的所有同级元素
• nextUntil() – 返回两个给定参数之间的每个元素之后的所有同级元素

---

语法格式

$( selector).next( filter)

---

示例代码

返回带有类名 “start” 的每个 <li> 元素的后一个同级元素：

$(document).ready(function(){ 
    $("li.start").next().css({"color":"red","border":"2px solid red"});
});

结果：

亲自试试

---

参数说明

参数	描述
filter	可选。规定缩小搜索后一个同级元素范围的选择器表达式。

---

更多示例

选取每个 <div> 元素的后一个同级元素
如何选取每个 <div> 元素的后一个同级元素。

缩小搜索范围
如何选取每个 <div> 元素的后一个同级 <p> 元素。

---

---

jQuery 遍历方法

---