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 三种创建对象的方法
Oct 16 Javascript
jquery 图片截取工具jquery.imagecropper.js
Apr 09 Javascript
JavaScript 笔记二 Array和Date对象方法
May 22 Javascript
jQuery实现的原图对比窗帘效果
Jun 15 Javascript
基于socket.io+express实现多房间聊天
Mar 17 Javascript
jQuery插件formValidator实现表单验证
May 23 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
JS数组排序方法实例分析
Dec 16 Javascript
微信小程序 参数传递实例代码
Mar 20 Javascript
JS实现图片放大镜插件详解
Nov 06 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
Sep 11 Javascript
JS co 函数库的含义和用法实例总结
Apr 08 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
攻克CakePHP系列二 表单数据显示
2008/10/22 PHP
openPNE常用方法分享
2011/11/29 PHP
php中可能用来加密字符串的函数[base64_encode、urlencode、sha1]
2012/01/16 PHP
php操作(删除,提取,增加)zip文件方法详解
2015/03/12 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
PHP实现加强版加密解密类实例
2015/07/29 PHP
php搜索文件程序分享
2015/10/30 PHP
页面版文本框智能提示JS代码
2009/11/20 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
Jquery Uploadify多文件上传带进度条且传递自己的参数
2013/08/28 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
Electron-vue开发的客户端支付收款工具的实现
2019/05/24 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
python使用udp实现聊天器功能
2018/12/10 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python SVD压缩图像的实现代码
2019/11/05 Python
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
斯洛伐克最大的婴儿食品和用品网上商店:Feedo.sk
2020/12/21 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
造价工程师个人求职信
2013/09/21 职场文书
电子专业推荐信范文
2013/11/18 职场文书
大学毕业自我鉴定范文
2014/02/03 职场文书
升旗仪式演讲稿
2014/05/08 职场文书
超市创意活动方案
2014/08/15 职场文书
个人工作表现评价材料
2014/09/21 职场文书
普通党员自我剖析材料
2014/10/07 职场文书
2014年党员整改措施
2014/10/24 职场文书
邀请书格式范文
2015/02/02 职场文书
学生不参加考试检讨书
2015/02/19 职场文书
2015年物业管理工作总结
2015/04/23 职场文书