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无缝向上滚动实现代码
Mar 29 Javascript
jQuery中验证表单提交方式及序列化表单内容的实现
Jan 06 Javascript
js中document.write的那点事
Dec 12 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
JavaScript生成带有缩进的表格代码
Jun 15 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
JavaScript 异步调用
Oct 25 Javascript
vue+webpack中配置ESLint
Nov 07 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
微信小程序实现同一页面取值的方法分析
Apr 30 Javascript
express框架下使用session的方法
Jul 31 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 图像函数大举例(非原创)
2009/06/20 PHP
PHP容易忘记的知识点分享
2013/04/30 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
Zend Framework处理Json数据方法详解
2016/12/09 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
PHP设计模式之模板方法模式实例浅析
2018/12/20 PHP
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
JavaScript字符串String和Array操作的有趣方法
2012/12/18 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
用jquery修复在iframe下的页面锚点失效问题
2014/08/22 Javascript
jquery制作属于自己的select自定义样式
2015/11/23 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
Vue组件通信的四种方式汇总
2018/02/08 Javascript
基于node.js实现爬虫的讲解
2019/02/18 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
在vue项目实现一个ctrl+f的搜索功能
2020/02/28 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
[47:48]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第三局
2016/02/28 DOTA
Python标准库defaultdict模块使用示例
2015/04/28 Python
Django中利用filter与simple_tag为前端自定义函数的实现方法
2017/06/15 Python
python 编写简单网页服务器的实例
2018/06/01 Python
Django中提示消息messages的设置方式
2019/11/15 Python
jupyter notebook 恢复误删单元格或者历史代码的实现
2020/04/17 Python
python开发前景如何
2020/06/11 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
业务总经理岗位职责
2014/02/03 职场文书
节能环保家庭事迹材料
2014/08/27 职场文书
倡议书作文
2015/01/19 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
2016保送生自荐信范文
2016/01/29 职场文书
mysql 8.0.24 安装配置方法图文教程
2021/05/12 MySQL