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(); 
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/youloveit/article/details/52366090

jQuery获取并遍历Dom

如何用jQuery实现遍历指定Dom,以便实现特定功能? $("#dc_warning .normal_status").each(function(){ var w_id = $(...
  • u010277446
  • u010277446
  • 2016-09-21 17:53:41
  • 1591

14.jquery DOM操作 遍历DOM树

  • qq_25201665
  • qq_25201665
  • 2016-10-29 18:19:40
  • 594

jquery对DOM的遍历,实用且高效!

其实web前端有了jquery之后,轻松了许多,功能也丰富了许多。 祖先! 所谓祖先也就是某个元素的所有上级元素! 结合例子来说最基本的遍历祖先的操作! $("...
  • csdncsdn9876
  • csdncsdn9876
  • 2016-06-11 18:39:07
  • 756

jQuery遍历dom树(5)

什么是遍历? jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。...
  • u011518709
  • u011518709
  • 2013-09-06 13:04:43
  • 1584

JQuery 遍历对象(DOM,数组,JSON)方法

1、遍历DOM对象 $('div').each(function(){ alert($(this).attr('id'));//这里$(this)就是正在遍历的子对象 }); ...
  • kexiaoling
  • kexiaoling
  • 2016-04-16 12:50:41
  • 2530

jQuery之dom操作(遍历节点)

jQuery之dom操作(遍历节点) children()/children(selector)  --  只考虑子元素,不考虑其他后代元素 next()/next(selector)  ...
  • u011637069
  • u011637069
  • 2015-12-05 16:35:22
  • 640

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

.find(selector) 此方法用于在匹配元素的后代元素中按照选择器表达式进行筛选。 记住:使用此方法必须得传入选择器表达式参数,不然是获取不到任何元素的,也就失去了使用此方法的意义了。 ...
  • wql19881207
  • wql19881207
  • 2012-04-01 15:41:27
  • 2605

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

jquery中提供了许多遍历节点的方法,其实jquery API1.4.4文档中都有了介绍。但是都是比较简单的介绍,例子不是很多,所以我决定,将这些jquery的方法的使用方法用梦三秋在线测试工具...
  • wql19881207
  • wql19881207
  • 2012-03-31 15:41:05
  • 2280

JQuery中遍历DOM元素each(callback)函数

each(callback): 以每一个匹配的元素作为上下文来执行一个函数。 意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。 ...
  • ystyaoshengting
  • ystyaoshengting
  • 2011-08-18 19:14:42
  • 3492

JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画

JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画 前端开发 1天前 345浏览 分享     |点赞|收藏 JQuery总结一...
  • zhihui1017
  • zhihui1017
  • 2016-01-13 17:08:12
  • 450
收藏助手
不良信息举报
您举报文章:jQuery的DOM遍历
举报原因:
原因补充:

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