jQuery的DOM遍历

原创 2016年08月30日 08:07:10

这里写图片描述
利用jQuery的DOM遍历,在DOM树上爬行可以很方便的对DOM进行操作。常见的有以下几种方法:

(1)parent()

$(".child1").parent(); //得到父元素parent

(2)children()

$(".parent").children(); //得到所有的子元素child1,child2,child3

(3)prev()

$(".child2").prev(); //得到紧邻的左兄弟元素child1

(4)next()

$(".child2").next(); //得到紧邻的右兄弟元素child3

想要爬的更远,可以使用以上方法串联。比如想要从当前child1得到parent2:

$(".child1").parent().next(); 
版权声明:本文为博主原创文章,未经博主允许不得转载。

jQuery基础教程之DOM操作-遍历节点-prev()方法

.prev([selector]) 此方法取得每个匹配的元素的前一个同辈元素的元素集合。 可以用一个可选的表达式进行筛选。只有紧邻的同辈元素会被匹配到,而不是前面所有的同辈元素。 下面来...

jQuery源码分析-11 DOM遍历-Traversing-3个核心函数

作者:nuysoft/高云 QQ:47214707 Email:nuysoft@gmail.com  声明:本文为原创文章,如需转载,请注明来源并保留原文链接。 jQuery源码分析系列(持续更新...
  • mychirs
  • mychirs
  • 2014年10月11日 16:47
  • 374

jQuery之dom操作(遍历节点)

jQuery之dom操作(遍历节点) children()/children(selector)  --  只考虑子元素,不考虑其他后代元素 next()/next(selector)  ...

Jquery中的DOM操作 (八.遍历节点)

1.childrend()方法 该方法用于取得匹配元素的子元素集合. 2.next()方法 该方法用于取得匹配元素后面紧邻的同辈元素 3.prev()方法 该方法用于取得匹配元素前面紧邻的同辈元素...
  • NDKHBWH
  • NDKHBWH
  • 2017年03月06日 17:01
  • 130

jQuery基础教程之DOM操作-遍历节点-closest()方法

.closest() 此方法获取第一个相匹配的祖先元素,注意:起始点包括自身元素。 另外这个方法是必须要传入一个选择器表达式参数的,如果不传入参数的话,就会返回一个空的jquery对象。 要...

3.2.11: jQuery的DOM操作之遍历节点

占地

JQuery 入门指南(6): 遍历DOM元素

遍历DOM元素,就是以某个元素为起点,向它的父节点,直接点,兄弟节点进行遍历,根据过滤的调节找到想要的元素,并对返回的结果进行操作 向上遍历 DOM 树 parent() • parents()...

jQuery参考实例 1.9 以当前选择的元素为起点,遍历查找DOM对象

原文: http://www.lifelaf.com/blog/?p=216 本文翻译自jQuery Cookbook (O’Reilly 2009) 1.9 Traversing...
  • enzymer
  • enzymer
  • 2013年03月26日 17:59
  • 1656

jQuery基础教程之DOM操作-遍历节点-parents()方法

在上一章jQuery教程基础篇之DOM操作-遍历节点-parent()方法,我们讲到了如何获取元素的父元素的集合,有时候我们的需求可能会要查找元素的所有的祖先元素,那么.parents()方法将会满足...

jquery 实现原理七:DOM遍历-tranversing

一,pushStack 在tranversing之前不得不提一下pushStack函数,这个函数在dom操作中多次被用到过。这个函数实现非常简单: // Take an array of ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery的DOM遍历
举报原因:
原因补充:

(最多只允许输入30个字)