jQuery nextAll() 方法

实例

返回带有类名 "start" 的每个 <li> 元素之后的所有同级元素：

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

结果：

ul (parent)li (sibling)li (sibling)li (sibling with class name "start")li (sibling)li (sibling)li (sibling)

nextAll() 方法返回被选元素之后的所有同级元素。

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

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

$(selector).nextAll(filter)

参数	描述
filter	可选。规定缩小搜索元素之后的同级元素范围的选择器表达式。注意：如需返回多个同级元素，请使用逗号分隔每个表达式。

缩小搜索范围
如何过滤对元素之后的同级元素的搜索。

返回多个同级元素
如何使用 filter 参数返回带有类名 "1"、"2" 和 "3" 的 <h2> 元素的所有同级元素。

选取 <p> 元素之后的的所有同级元素
如何选取 <p> 元素之后的的所有同级元素。

选取 <div> 之后的所有同级 <p> 元素
如何选取每个 <div> 元素之后的所有同级 <p> 元素。