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')

jQuery - 基于当前元素的遍历相关推荐

jQuery 元素操作——遍历元素
jQuery 元素操作主要是遍历.创建.添加.删除元素操作 <!DOCTYPE html> <html lang="en"><head>< ...
jQuery操作Dom元素、jQuery遍历、JavaScript遍历
目录 jQuery操作Dom元素 jQuery遍历几种方式 JavaScript遍历 jQuery操作Dom元素 jQuery的主要用法为"选择某个dom元素,再对其进行某种操作" ...
Java程序员从笨鸟到菜鸟之（八十八）跟我学jquery（四）JQuery框架操作元素的属性与样式
在前面几篇博客中,我们初步了解了一下jQuery的好处,基本语法,还有一些基本函数,这是学习jquery的基础,在这篇博客中,我们一起来学习一下JQuery框架操作元素的属性与样式,在web开发中,修 ...
移动端ajax,jQuery基于$.ajax设置移动端click超时处理方法
本文实例讲述了jQuery基于$.ajax设置移动端click超时处理方法.分享给大家供大家参考,具体如下: 这里介绍jquery click事件如何在移动端自动转换成touchstart事件. 因为 ...
jquery兄弟标签_js jquery获取当前元素的兄弟级上一个下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
html 获取下一个兄弟节点,js jquery获取当前元素的兄弟级上一个下一个元素
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得 ...
jquery 查找祖先元素_如何获得jQuery中元素的第一个祖先
jquery 查找祖先元素 In this post, we will discuss about the traversal method to get the first ancestor of ...
jquery 获取同级元素_如何在jQuery中获取元素的同级
jquery 获取同级元素 In this post, we will discuss how to get the siblings of an HTML element in jQuery. jQ ...
Python 基于透明元素裁切图片（类似Photoshop）
文章目录问题描述解决方案参考文献本文测试图像及其代码下载问题描述实现类似Photoshop的基于透明元素裁切图片 1.png 2.jpg 3.png 4.png 5.png 6.png 解 ...