例
每个返回所有下一同级元素<li>与类名的元素"start" ：
$(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元素的兄弟姐妹。
相关的方法：
- next() -返回所选元素的下一个同级元素
- nextUntil() -返回两个给定的参数之间的所有下一同级元素
句法
$(selector).nextAll( filter )| 参数 | 描述 |
|---|---|
| filter | 可选的。 指定选择器表达式来缩小为下兄弟姐妹搜索 注意：要返回多个兄弟姐妹，每个表达式用逗号分隔。 |
试一试 - 示例
缩小搜索范围
如何筛选用于下一个同级元素搜索。
返回多个兄弟姐妹
使用过滤器参数获得的所有兄弟<h2>具有类名称的元素"first", "second"和"third" 。
选择所有的下一个兄弟元素<p>元素
如何选择各下一同级元素<p>元素。
选择所有下一个兄弟<p>元素<div>
如何选择所有的下一个兄弟<p>每个元素<div>元素。