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

查看所有标签

精益思想

精益思想

(美)詹姆斯 P.沃麦克(James P.Womack)、(英)丹尼尔 T.琼斯(Daniel T.Jones) / 沈希瑾、张文杰、李京生 / 机械工业出版社 / 2011-4 / 48.00元

打算尝试精益的人,该怎么做? 已经实行精益的人,下一步怎么办? 本书包含了最新的精益理论、方法和工具,一一解答上述问题。 这是目前关于流程再造最好的书,也是最好读的。——《高业周刊》 本书中文简体字版由FreePress通过AiWA授权机械工业出版社在中国大陆独家出版发行。未经出版者书面许可,不得以任何方式抄袭、复制或节录本书中的任何部分。 《精益思想》于1996年秋......一起来看看 《精益思想》 这本书的介绍吧!

MD5 加密
MD5 加密

MD5 加密工具

html转js在线工具
html转js在线工具

html转js在线工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具