首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

DOM 元素循环遍历

('.title') 一般循环 get 方式 get 方式获取的 dom 元素,仅可使用==for-in、for-of、for==循环 for(let key in a) { console.log...(每个dom元素) query 方式 query 方式获取的 dom 元素,可使用==forEach、for-in、for-of、for==循环 forEach、for-of、for 循环的结果无差别...遍历直接子级元素 假设 html 如下,要遍历出 div 中的所有直接子级的元素节点: hello world <em...遍历所有节点 深度优先遍历:当同时有兄弟节点和子节点的时候,总是优先遍历子节点 function getChildren(parent) { // 如果当前节点是元素节点,输出当前元素 parent.nodeType...== null) { // 节点不为空,就一直循环遍历下去;直到为 null,才中断循环 console.log(currNode) } } getChildren(document.body

6.1K60
您找到你想要的搜索结果了吗?
是的
没有找到

JQuery 遍历:发现元素的魔法之旅

欢迎来到 JQuery 的奇妙世界,一个充满活力和灵感的地方。在这个世界里,我们将一起探讨 JQuery遍历功能,这是一个让你轻松发现和操作网页元素的神奇工具。...这就是 JQuery 遍历的用武之地。遍历不仅仅是寻找元素,更是发现元素之美的一种方式。在这篇博客中,我们将深入研究 JQuery 遍历的方方面面,让你在前端的道路上越走越远。...遍历基础在 JQuery 中,遍历主要通过选择器和遍历方法实现。首先,我们来看一下基础的选择器。1. 元素选择器元素选择器是最简单的一种选择器,通过元素的标签名选择对应的元素。...遍历方法JQuery 提供了多种遍历方法,让你能够轻松地在文档中移动和操作元素。下面我们来介绍几个常用的遍历方法。...记住,JQuery 的力量在于它的简洁和灵活,让前端开发变得更加愉快和高效。无论是 each() 方法的循环,还是 find() 方法的查找,每一个遍历方法都是你在前端探险中的得力助手。

18011

PHP | 条件嵌套循环嵌套、条件循环嵌套

> ---- 2.循环嵌套 循环结构嵌套,就是类似于跑多个足球场(多层循环嵌套), 例如假设有两个足球场(两个循环),一个大足球场(外循环),一个小足球场(内循环), 在大足球场跑一圈后,再到小足球场跑几圈...在遍历二维数组中很常用。                             ——慕课网 demo: $value) { //使用循环结构遍历数组,获取学号 echo $key; //输出学号 echo ":";...林平之44 2012:曲洋89 2013:任盈盈92 2014:向问天93 2015:任我行87 2016:冲虚58 2017:方正74 2018:岳不群91 2019:宁中则90 ---- 3.条件循环嵌套...2016'=>'冲虚', '2017'=>'方正', '2018'=>'岳不群', '2019'=>'宁中则', );//10个学生的学号和姓名,用数组存储 $query = '2014'; //使用循环结构遍历数组

4.2K30

循环嵌套

1、循环嵌套 循环嵌套并不是一个新的知识点。只是在循环格式再次使用了循环。...1.1、for循环嵌套格式 for(初始化表达式; 循环条件; 操作表达式) { ​ ……… ​ for(初始化表达式; 循环条件; 操作表达式) { 执行语句 ……… } ……… ​ }.../* 循环嵌套:循环里边嵌套一个循环   最常用的格式: for(){ for(){   } } 需求:3排同学进行报数,每排5名同学,打印出我是第x排,第x个!  ...优先级是:for----> while-----> do…while 3、区别 (1)do…while循环至少会执行一次循环体。...(2)for循环和while循环只有在条件成立的时候才会去执行循环体 (3)控制条件语句所控制的那个变量,在for循环结束后,就不能再被访问到了,而while循环结束还可以继续使用,如果你想继续使用,就用

1.4K10

前端系列 |原生JS和jQuery循环遍历函数

前言 之前总是不清楚原生JS和jQuery中有哪些循环遍历函数,而且有时候还总是把原生JS方法当成jQuery方法来用,以致于项目总是报错,并且还不知道是什么原因。...原生JS循环遍历函数 1.for() for循环得知道数组的长度才能循环。它比较常用,这里就不多说了。 2.forEach () 不需要知道数组长度,也可以对数组中每一个元素进行操作。...{ return m>2; } console.log(arr.filter(filterNum)); //结果为:[4,6] 7.for(var x in arr/obj) for in 既可以循环遍历数组...,也可以循环遍历对象 (1)遍历数组 var arr = [2,4,6,1]; for(var x in arr){ console.log(x); //数组索引 结果为:0,1,2,3 console.log...jQuery循环遍历函数 1.each() var arr = ["x","y","z"]; $(arr).each(function (index,item) { console.log(index)

6.7K20

【Python】循环语句 ② ( while 嵌套循环 | 代码示例 - while 嵌套循环 )

一、while 嵌套循环 1、while 嵌套循环语法 while 嵌套循环 就是 在 外层循环 中 , 嵌套 内层循环 ; while 嵌套循环 语法格式 : while 外层循环条件: 外层循环操作...1 外层循环操作2 while 内存循环条件: 内层循环操作1 内层循环操作2 while 嵌套循环 也是基于 空格缩进 , Python 中基于 空格缩进 判定代码逻辑的层次关系 ; 外层循环...与 内层循环 的 控制条件 的设置 , 不要出现无限循环 ; 循环层次越多 , 涉及到的 循环控制变量 也就越多 ; 2、代码示例 - while 嵌套循环 代码示例 : """ while 嵌套循环代码示例...""" # 外层循环 循环控制变量 i = 1 # 外层循环 循环条件 while i <= 3: # 外层循环操作 print(f"第 {i} 次外层循环") # 内层循环...2 次内层循环 第 2 次外层循环 第 1 次内层循环 第 2 次内层循环 第 3 次外层循环 第 1 次内层循环 第 2 次内层循环 循环次数 : 3

21820

jQuery 遍历

什么是遍历jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。 下图展示了一个家族树。...通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。... 元素元素的父元素,同时是 的子元素 左边的 元素是 的父元素, 的子元素,同时是 的后代。... 元素是 的子元素,同时是 和 的后代。 两个 元素是同胞(拥有相同的父元素)。...---- 遍历 DOM jQuery 提供了多种遍历 DOM 的方法。 遍历方法中最大的种类是树遍历(tree-traversal)。

85220

【Java 进阶篇】JQuery 遍历 —— For 循环的奇妙之旅

JQuery 中,for 循环通常用于遍历匹配到的元素集合,执行特定的操作。 理解 JQuery 的选择器 在开始 for 循环的奇妙之旅之前,我们需要先了解 JQuery 的选择器。...接下来,我们将通过 for 循环来展示如何遍历这些元素JQuery 中的 for 循环JQuery 中,for 循环通常用于遍历匹配到的元素集合。...然后,我们使用 for 循环遍历了这些元素,并对每个元素执行了一些操作,比如添加类名和修改文字内容。 这是一个简单的示例,但展示了 for 循环JQuery 中的基本用法。...for循环遍历方式 JQuery 提供了几种不同的方式来遍历元素,除了常见的 for 循环之外,还有 each() 方法和其他遍历方法。在接下来的部分,我们将更深入地了解这些遍历方式。 1....总结 for 循环是一种在 JQuery遍历元素的基本方式,但在处理 JQuery 对象时,使用 each() 方法和其他遍历方法更为灵活和方便。

16220

【JavaScript】JavaScript 程序流程控制 ⑤ ( 嵌套 for 循环 | 嵌套 for 循环概念 | 嵌套 for 循环语法结构 )

一、嵌套 for 循环 1、嵌套 for 循环概念 嵌套 for 循环 是一个 嵌套循环结构 , 其中一个 for 循环 位于另一个 for 循环的内部 , 分别是 外层 for 循环 和 内层 for...循环 ; 嵌套 for 循环 结构 常用于处理 二维数组 或 执行需要两个索引的任务 ; 2、嵌套 for 循环语法结构 嵌套 for 循环 的 语法结构如下 : for ([外层循环初始化表达式];...的 检查条件 , 该表达式为 true 则执行循环体 , 否则退出循环 ; [内层循环更新表达式] 是 更新 循环控制变量 的 表达式 ; 二、嵌套 for 循环案例 1、打印三角形 打印 10 行 三角形...X-UA-Compatible" content="ie=edge"> JavaScript // 嵌套...X-UA-Compatible" content="ie=edge"> JavaScript // 嵌套

8210

【Python】元组 tuple ③ ( 元组中 列表类型 元素值可修改 | 元组 while 循环遍历 | 元组 for 循环遍历 )

1、while 循环遍历元组 将 元组 容器 中的数据元素 , 依次逐个取出进行处理的操作 , 称为 元组的遍历 ; 使用 while 循环 遍历 元组容器 : 元素访问方式 : 使用 下标索引 访问...元组中的元素 ; 循环控制 : 循环控制变量 : 用于指示当前循环的 下标索引 ; 循环条件 : 设置为 循环控制变量 ( 下标索引 ) < 列表长度 ; while 循环遍历元组 语法如下 : #...# 处理元素 # 下标索引变量 ( 循环控制变量 ) 自增 1 index += 1 2、代码示例 - 使用 while 循环遍历元组 代码示例 : """ while / for 循环遍历 元组...Jerry 2 . [18, 'Tom', False, 3.1415926] 三、使用 for 循环遍历元组 1、for 循环遍历元组 for 循环 语法 : 在 for 循环中 , 将 数据元素 从...不能进行无限循环 , 其循环次数受 容器 数据个数限制 , 容器中有多少个元素 , 就能循环几次 ; 使用场景 : while 循环可应用于任意场景 ; for 循环 只 适用于 遍历数据容器

25040
领券