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 相关文章推荐
计算世界完全对称日的js代码,粗糙版
Nov 04 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
JavaScript DOM基础
Apr 13 Javascript
JavaScript常用标签和方法总结
Sep 01 Javascript
使用CoffeeScrip优美方式编写javascript代码
Oct 28 Javascript
简单实现JavaScript图片切换效果
Nov 28 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
Feb 16 Javascript
使用JavaScript实现alert的实例代码
Jul 06 Javascript
vue组件表单数据回显验证及提交的实例代码
Aug 30 Javascript
微信小程序如何使用canvas二维码保存至手机相册
Jul 15 Javascript
p5.js临摹旋转爱心
Oct 23 Javascript
js面向对象之实现淘宝放大镜
Jan 15 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中cookies使用指南
2007/03/16 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
js的闭包的一个示例说明
2008/11/18 Javascript
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
动态加载js和css(外部文件)
2013/04/17 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
js数组中如何随机取出一个值
2014/06/13 Javascript
基于JavaScript实现移除(删除)数组中指定元素
2016/01/04 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
2016/08/01 Javascript
微信小程序 底部导航栏目开发资料
2016/12/05 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
微信小程序倒计时功能实现代码
2017/11/09 Javascript
Parcel 打包示例(React HelloWorld)
2018/01/16 Javascript
详解webpack多页面配置记录
2018/01/22 Javascript
vue实现简单的MVVM框架
2018/08/05 Javascript
[03:56]显微镜下的DOTA2第十一期——鬼畜的死亡先知播音员
2014/06/23 DOTA
[03:11]TI9战队档案 - Alliance
2019/08/20 DOTA
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
Numpy中转置transpose、T和swapaxes的实例讲解
2018/04/17 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
使用Python获取网段IP个数以及地址清单的方法
2018/11/01 Python
PythonWeb项目Django部署在Ubuntu18.04腾讯云主机上
2019/04/01 Python
pytorch梯度剪裁方式
2020/02/04 Python
巴西女装购物网站:Eclectic
2018/04/24 全球购物
获取邓白氏信用报告:Dun & Bradstreet
2019/01/22 全球购物
高中毕业生自我鉴定范文
2013/09/26 职场文书
劳资人员岗位职责
2013/12/19 职场文书
实践单位评语
2014/04/26 职场文书
销售顾问工作计划书
2014/08/15 职场文书
房屋买卖协议样本
2014/11/16 职场文书
公司承诺函范文
2015/01/21 职场文书