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 相关文章推荐
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
javascript 正则表达式相关应介绍
Nov 27 Javascript
js取整数、取余数的方法
May 11 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
兼容各大浏览器的JavaScript阻止事件冒泡代码
Jul 09 Javascript
Node.js程序中的本地文件操作用法小结
Mar 06 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 Javascript
微信小程序 判断手机号的实现代码
Apr 19 Javascript
使用use注册Vue全局组件和全局指令的方法
Mar 08 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
Feb 26 Vue.js
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+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
php计算当前程序执行时间示例
2014/04/24 PHP
php数组去除空值函数分享
2015/02/02 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
php版交通银行网银支付接口开发入门教程
2016/09/26 PHP
php利用imagemagick实现复古老照片效果实例
2017/02/16 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
JQuery.Ajax之错误调试帮助信息介绍
2013/07/04 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
Node.js插件的正确编写方式
2014/08/03 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
canvas实现动态小球重叠效果
2017/02/06 Javascript
正则 js分转元带千分符号详解
2017/03/08 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
基于 vue-skeleton-webpack-plugin 的骨架屏实战
2019/08/05 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
让Vue响应Map或Set的变化操作
2020/11/11 Javascript
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
[01:03:09]完美世界DOTA2联赛PWL S2 Forest vs SZ 第二场 11.25
2020/11/26 DOTA
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
python 检查是否为中文字符串的方法
2018/12/28 Python
python抓取需要扫微信登陆页面
2019/04/29 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
python操作openpyxl导出Excel 设置单元格格式及合并处理代码实例
2019/08/27 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
瑞典领先的汽车零部件网上零售商:bildelaronline24.se
2017/01/12 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
2014年小班元旦活动方案
2014/02/16 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
校园公益广告语
2014/03/13 职场文书
学习党章的体会
2014/11/07 职场文书
Python接口自动化之文件上传/下载接口详解
2022/04/05 Python