jQuery基于当前元素进行下一步的遍历


Posted in Javascript onMay 20, 2014

如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢?

例如,我们通过

$('li:eq(1)')

选中了以下代码中的第二个li元素。

<ul> 
<li><a href="#">link</a></li> 
<li><a href="#">selected link</a></li> 
<li><a href="#">link</a></li> 
<li><a href="#">link</a></li> 
</ul>

基于这个选中的元素,我们可以进一步遍历其他元素

下一个元素

$('li:eq(1)').next()

前一个元素

$('li:eq(1)').prev()

父元素

$('li:eq(1)').parent()

所有兄弟元素

$('li:eq(1)').parent().children()

所有后续兄弟元素

$('li:eq(1)').nextAll()

所有前续兄弟元素

$('li:eq(1)').prevAll()

以上所有的遍历方法都可以使用end()方法来取消操作。

当然,也可以使用参数,例如

$('li:eq(1)').parent().children(':last')

Javascript 相关文章推荐
JavaScript操作XML 使用百度RSS作为新闻源示例
Feb 17 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
Javascript常用字符串判断函数代码分享
Dec 08 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
javascript函数式编程程序员的工具集
Oct 11 Javascript
详解JavaScript语言的基本语法要求
Nov 20 Javascript
整理关于Bootstrap导航的慕课笔记
Mar 29 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
Angular实现的简单定时器功能示例
Dec 28 Javascript
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
vue父子组件的通信方法(实例详解)
Nov 10 Javascript
VsCode里的Vue模板的实现
Aug 12 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 #Javascript
php实例分享之实现显示网站运行时间
May 20 #Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 #Javascript
JQuery弹出层示例可自定义
May 19 #Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
May 19 #Javascript
js跨域访问示例(客户端/服务端)
May 19 #Javascript
jquery 表格排序、实时搜索表格内容(附图)
May 19 #Javascript
You might like
通过对php一些服务器端特性的配置加强php的安全
2006/10/09 PHP
PHP上传Excel文件导入数据到MySQL数据库示例
2016/10/25 PHP
PHP 断点续传实例详解
2017/11/11 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
javascript动态添加、修改、删除对象的属性与方法详解
2014/01/27 Javascript
使用jQuery实现验证上传图片的格式与大小
2014/12/03 Javascript
轻松创建nodejs服务器(5):事件处理程序
2014/12/18 NodeJs
js实现键盘控制DIV移动的方法
2015/01/10 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
js+html5实现canvas绘制圆形图案的方法
2015/06/05 Javascript
jQuery+css实现的蓝色水平二级导航菜单效果代码
2015/09/11 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
js判断复选框是否选中及选中个数的实现代码
2016/05/30 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
JavaScript登录验证基础教程
2017/11/01 Javascript
Material(包括Material Icon)在Angular2中的使用详解
2018/02/11 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
2019/09/02 Javascript
[05:31]DOTA2上海特级锦标赛主赛事第三日RECAP
2016/03/05 DOTA
Python 冒泡,选择,插入排序使用实例
2015/02/05 Python
Python中操作文件之write()方法的使用教程
2015/05/25 Python
django数据库migrate失败的解决方法解析
2018/02/08 Python
pycharm修改界面主题颜色的方法
2019/01/17 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
在PyTorch中使用标签平滑正则化的问题
2020/04/03 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
Microsoft Advertising美国:微软搜索广告
2019/05/01 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
语文教育专业推荐信范文
2013/11/25 职场文书
天网工程实施方案
2014/03/26 职场文书
服装设计专业求职信
2014/06/16 职场文书