2022-10-10 |

jQuery next() 方法

实例

返回带有类名 "start" 的每个 <li> 元素的后一个同级元素:

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

结果:

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

尝试一下 »

定义和用法

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

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

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

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

相关方法:

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

语法

$(selector).next(filter)

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

实例

更多实例

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

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


0

TypeScript
javascript
jQuery
css教程
CSS3
HTML
php
java
c语言
C++

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论