jQuery基于当前元素进行下一步的遍历
更新时间：2014年05月20日 09:18:59 作者：
通过jQuery方法选中了元素，如何基于这些已经选中的元素进行下一步的遍历呢？下面有个不错的示例，大家可以参考下
如果我们已经通过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')
例如，我们通过
$('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')
相关文章
这篇文章主要介绍了做好七件事帮你提升jQuery的性能的相关资料,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery+jsp实现省市县三级联动效果,以完整实例形式分析了jQuery结合jsp读取MySQL数据库操作实现省市县三级联动效果的相关技巧,并附带完整实例源码供读者下载参考,需要的朋友可以参考下2015-12-12
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
款Jquery+CSS3+Html5实现弹出层效果,应用范围很广泛,比如用在消息提示、弹出层显示内容、弹出层登录等,带遮罩效果，非常实用，对此功能感兴趣的朋友可以参考下本地代码2016-05-05
这篇文章主要介绍了基于jquery和svg实现超炫酷的动画特效,想学习SVG的童鞋们可以来参考下。2014-12-12
这篇文章主要介绍了jquery使用echarts实现有向图可视化功能,结合完整实例形式分析了jquery的echarts.js插件实现有向图可视化相关实现技巧与操作注意事项,需要的朋友可以参考下2019-11-11
jQuery checkbox选中问题之prop与attr注意点分析
这篇文章主要介绍了jQuery checkbox选中问题之prop与attr注意点,结合form表单实例形式分析了针对火狐浏览器下checkbox失效情况的处理技巧,需要的朋友可以参考下2016-11-11
在次封装easyui-Dialog插件实现代码，需要的朋友可以参考下。2010-11-11
这篇文章主要介绍了jQuery实现背景弹性滚动导航效果的方法,涉及jQuery动态操作页面元素样式的相关技巧,需要的朋友可以参考下2016-06-06
下面小编就为大家带来一篇Jquery on方法绑定事件后执行多次的解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
JQuery 操作Javascript对象和数组的工具函数小结
JQuery提供了很多实用的工具函数。这些函数主要分为两类，操作集合数组的函数和非集合数组函数。2010-01-01
最新评论