jQuery nextAll() 方法
示例
返回每个具有类名 "start" 的 <li> 元素的所有后续兄弟元素
$(document).ready(function(){
$("li.start").nextAll().css({"color": "red", "border": "2px solid red"});
});
结果
ul (父元素)- li (兄弟元素)
- li (兄弟元素)
- li (具有类名 "start" 的兄弟元素)
- li (兄弟元素)
- li (兄弟元素)
- li (兄弟元素)
亲自试一试 »
定义和用法
nextAll() 方法返回所选元素的所有后续兄弟元素。
兄弟元素是指共享相同父元素的元素。
DOM 树：此方法沿 DOM 元素的兄弟元素向前遍历。
相关方法
- next() - 返回所选元素的下一个兄弟元素
- nextUntil() - 返回两个给定参数之间的所有后续兄弟元素
语法
$(selector).nextAll(filter)
| 参数 | 描述 |
|---|---|
| filter | 可选。指定一个选择器表达式，以缩小对后续兄弟元素的搜索范围 注意：要返回多个兄弟元素，请用逗号分隔每个表达式。 |
亲自试一试 - 示例
缩小搜索范围
如何过滤对后续兄弟元素的搜索。
返回多个兄弟元素
使用 filter 参数获取 <h2> 元素的所有兄弟元素，这些元素具有类名 "first"、"second" 和 "third"。
选择 <p> 元素的所有后续兄弟元素
如何选择 <p> 元素的所有后续兄弟元素。
选择 <div> 的所有后续兄弟 <p> 元素
如何选择每个 <div> 元素的所有后续兄弟 <p> 元素。
