jQuery next() 方法

jQuery 教程 · 2019-03-28 08:19:48

实例

返回带有类名 "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 可选。规定缩小搜索后一个同级元素范围的选择器表达式。

点击查看所有 jQuery 教程 文章: https://codercto.com/courses/l/35.html

查看所有标签

程序员的自我修养

程序员的自我修养

陈逸鹤 / 清华大学出版社 / 2017-5 / 49.00

程序员作为一个职业、也作为一个群体,正逐渐从幕后走向前台,并以他们自己的能力加速改变着世界,也改变着人们生活的方方面面。然而,对于程序员,特别是年轻程序员们来说,如何理解自己的职业与发展,如何看待自己的工作与生活,这些问题往往比那些摆在面前的技术难题更让他们难以解答。 这本书从一个成熟程序员、一名IT管理者的角度,以杂记的形式为大家分享关于国内程序员职业生涯、个人发展、编程中的实践与认知乃至......一起来看看 《程序员的自我修养》 这本书的介绍吧!

在线进制转换器
在线进制转换器

各进制数互转换器

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器