举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > jQuery nextAll() 方法

jQuery nextAll() 方法

2023-03-29 19:18 jQuery教程

 jQuery nextAll() 方法

jQuery nextAll() 方法

jQuery 遍历方法 jQuery 遍历方法

实例

返回带有类名 "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 元素的同级元素向前遍历。

相关方法:

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

语法

$(selector).nextAll(filter)

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

注意:如需返回多个同级元素,请使用逗号分隔每个表达式。

实例

更多实例

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

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

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

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


jQuery 遍历方法 jQuery 遍历方法

阅读全文
以上是编程学为你收集整理的 jQuery nextAll() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部