jQuery next() 方法
jQuery 教程
· 2019-03-28 08:19:48
实例
返回带有类名 "start" 的每个 <li> 元素的后一个同级元素:
$(document).ready(function(){
$("li.start").next().css({"color":"red","border":"2px solid red"});
});
$("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://www.codercto.com/courses/l/35.html
程序员2010精华本
程序员杂志社 / 电子工业 / 2011-1 / 49.00元
《程序员(2010精华本)》主要内容:《程序员》创刊10年来,每年末编辑部精心打造的“合订本”已经形成一个品牌,得到广大读者的认可和喜爱。今年,《程序员》杂志内容再次进行了优化整合,除了每期推出的一个大型专题策划,各版块也纷纷以专题、策划的形式,将每月的重点进行了整合,让内容非常具有凝聚力,如专题篇、人物篇、实践篇等。另外杂志的版式、色彩方面也有了很大的飞跃,给读者带来耳目一新的阅读体验。一起来看看 《程序员2010精华本》 这本书的介绍吧!