根据类名遍历数组的三种方法

最新推荐文章于 2024-06-18 09:23:47 发布
最新推荐文章于 2024-06-18 09:23:47 发布
阅读量1.1k 收藏
点赞数
分类专栏： 普通前端 文章标签： 遍历
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songxiaolingbaobao/article/details/81389122
版权

（一）原生js遍历

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<span class="a">微信</span>
		<span class="a">QQ</span>
		<span class="a">微博</span>
		<span class="a">短信</span>
		<button id="btn">点击我触发</button>
	</body>
	<script type="text/javascript">
			var btn = document.getElementById("btn");
			btn.onclick = function(){
				var arr = document.getElementsByClassName("a");
				for(var i=0;i<arr.length;i++){
					console.log("获取到的结果是："+arr[i].innerText)
				}
			}
    </script>
</html>

（二）jquery的each循环遍历

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<span class="a">微信</span>
		<span class="a">QQ</span>
		<span class="a">微博</span>
		<span class="a">短信</span>
		<button id="btn">点击我触发</button>
	</body>
	<script type="text/javascript">
	    $("#btn").on("click",function(){
		    $(".a").each(function(){
			    console.log($(this).text());
		    })
	    })
    </script>
</html>

（三）jquery的for循环遍历

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<span class="a">微信</span>
		<span class="a">QQ</span>
		<span class="a">微博</span>
		<span class="a">短信</span>
		<button id="btn">点击我触发</button>
	</body>
	<script type="text/javascript">
		$("#btn").on("click",function(){
			var span = $(".a");
				for(var i=0;i<span.length;i++){
					console.log($(".a").eq(i).text());
			}
		});
	</script>
</html>

 

以秘
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php获取、检查类名、函数名、方法名的函数方法
10-24
这对于遍历类的所有方法并执行操作非常有用。 ```php $methods = get_class_methods('MyClass'); foreach ($methods as $method) { echo $method . "\n"; } ``` - **get_class_vars()**： 它返回一个数组，...
javascript遍历class同级元素
张张张耀华的博客
01-12 2419
//核心片段 $(".className").click(function(){ var n = $(this).index('.className'); var m = document.getElementsByClassName("className1"); mdisplay = $(".className1").eq(n).css('display
遍历添加class类名
qq_46344419的博客
08-08 320
遍历添加class类名
js遍历数组的方法？有什么区别？
最新发布
qq_60504665的博客
06-18 346
JavaScript 提供了多种遍历数组的方法，每种方法都有其特定的用途和区别。循环提供了一种更简洁的遍历数组的方式，并支持使用控制流语句。用于遍历数组并对每个元素执行操作，但不返回任何值；这些方法的区别主要在于它们的用途和返回结果。用于转换数组中的元素并返回一个新数组。用于测试数组中的元素是否满足某个条件。用于过滤或查找数组中的元素，而。
C/C++ 遍历窗口标题类名
CSDN
07-16 8299
遍历每个进程，一次查找进程下的窗口，找到窗口标题为 “” ，窗口类名为 “RunDll” 的窗口。如果找到返回 true ，没找到返回 false。API——获取鼠标位置的窗口句柄。
jQuery 遍历方法总结
忧郁的蛋的专栏
03-16 8007
5、each()，用于为每个匹配元素执行函数；在部分浏览器中不管用可以用prop，如果只是判断可以用$(this).find("ul>li>:checkbox:eq(" + i + ")").is(":checked");nextUntil()方法，主要用于获得指定元素的下一个同级元素，这个同级元素必须为指定元素与nextUntil()方法所设置元素之间的元素。prevUntil()方法，主要用于获得指定元素的上一个同级元素，这个同级元素必须为指定元素与prevUntil()方法所设置元素之间的元素。
码农成长记——for循环的应用
xueyue_zx的博客
12-28 325
1. 单引号可以嵌套双引号，双引号可以嵌套单引号。相同的不能嵌套 2.     不是javascript onclick无法使用 3. 循环嵌套分析技巧 一层层，首先分析大的循环一共要循环多少次，然后再分析小的循环的特点 4. dom元素 class 、标记 document.getElementsByClassName("");//获得的是一个数组 不要忘记加[i]下标
实例讲解Java编程中数组反射的使用方法
09-02
在这个例子中，`printArray`方法接受一个`Object`类型的参数，通过反射获取数组元素的类型，并遍历数组，打印出每个元素的值。`primitiveToDisplayString`方法用于将基本类型的值转换为可读的字符串。 总的来说，...
MFC各种遍历
01-04
在IT领域，遍历是一种常见的编程技术，用于访问或操作数据结构或系统中的每个元素。在Windows编程中，尤其是在使用Microsoft Foundation Class (MFC) 库时，遍历技术尤为重要。MFC是Microsoft为C++开发的一个类库，...
php遍历类中包含的所有元素的方法
10-24
本文将深入探讨如何使用`ReflectionClass`类及其相关方法来实现这个目标，特别是通过`getConstants`方法获取类中的常量，并结合数组操作技巧进行遍历。 首先，`ReflectionClass`是PHP中的一个内置类，它提供了一种...
详解Java 打印堆栈的几种方法
08-30
这种方法直接通过`Thread`类的`getStackTrace()`方法获取当前线程的堆栈轨迹元素数组，然后遍历并打印每个元素。这种方式不需要依赖任何额外的库。 这四种方法各有优劣。方法一和四不依赖外部库，简单易用，适合...
Jquery 获取对象的几种方式
hartnio的专栏
11-12 568
Jquery 获取对象的几种方式 1、JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数，是个属性 $("Element").size(); ’也是元素的个数，不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储 $("Element").get(i
jQuery根据ID、CLASS、等获取对象
热门推荐
Cactus
08-01 12万+
jQuery根据ID、CLASS、等获取对象 Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ， 它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera
js如何循环遍历从getElementsByClassName返回的所有元素
cxy的博客
03-06 1万+
<!DOCTYPE html> <html> <head> <style type='text/css'> .first, .second { border: 1px solid black; width: 200px; } </style> <script type='text/javascript'> windo...
数组遍历的三种方式
qq_57959475的博客
06-17 1946
数组遍历的三种方式
数组遍历的方法有哪些
夏天的博客
04-14 1万+
数组遍历的方法有8种 1、forEach：遍历开始以后无法停止，如果要遍历整个数组，那就使用这个方法； 2、map：根据当前数组映射出一个新的数组； 3、some：遍历整个数组，返回值true就停止循环（返回false继续循环） 返回值：如果数组中的有一项回调函数返回true，那么结果为true，否则为false；（或者这样理解：数组别遍历完，那么结果为false，否则为true） 4、every：与some相反，返回false就停止循环（返回true就继续循环） 5、filter：过滤数组，返回一个新的数
数组遍历的几种方式
weixin_44774699的博客
05-09 6561
数组遍历的几种方式 1. for循环 // 最简单的一种循环遍历方法，也是使用频率最高的一种(可优化);循环过程中支持修改索引（修改 i） var arr = [1, 2, 3, 4, 5, 6] for(var i = 0; i < arr.length; i++) { console.log("普通for循环",arr[i]) //1 2 3 4 5 6 } // 优化：使用临时变量，将长度缓存起来，避
java中数组遍历的三种方式
胡毛毛的博客
11-08 8万+
1.for循环遍历 通常遍历数组都是使用for循环来实现。遍历一维数组很简单，遍历二维数组需要使用双层for循环，通过数组的length属性可获得数组的长度。 2.Arrays工具类中toString静态方法遍历 利用Arrays工具类中的toString静态方法可以将一维数组转化为字符串形式并输出。 3.foreach语句遍历 java5之后，Java提供了一种更简洁的循环：foreach循环，这种循环遍历数组和集合更加简洁。使用foreach循环遍历数组时，无须获得数组和集合长度，无须根据索引来访问数组
遍历数组的方法和数组的遍历方法(3+10种)（下）
weixin_49602426的博客
11-04 643
接上回已经把遍历数组的方法说了，那么这里我们就来瞧一瞧数组的遍历方法 回顾一下什么是数组的遍历方法，数组的遍历方法就是数组的实例方法中可遍历数组元素的：按升序为数组中含有效值的每一项执行一次 回调函数，那些已删除或者未初始化的项将被跳过，回调函数里面可以依次传入数组的值、索引、数组本身（索引和数组本身都是可选填，下面的如果没有特别说明都是如此） 输出： 创建一个新数组，数组中的元素为原始数组元素调用函数处理后的值，原数组不变，map()可以进行链式调用。 输出： 创建一个新数组，其包含通过所提供函数实现的测
JAVA代码实现:GoodsManage类，要求如下: 私有属性：商品数组(Goods类型的数组) 公共方法： 构造方法：1个参数（商品数组长度n），根据参数的值创建商品数组，然后循环遍历数组，调用Goods类的带参数构造方法为每个数组元素创建Goods对象，并调用KS类的静态方法输入每个商品的名称、数量、单价等信息。
05-21
注意，上述代码中的`KS`是一个类名，我们需要定义一个静态方法`inputGoodsInfo`，用于输入每个商品的信息。这个方法应该定义在`KS`类中，如下所示： ``` public class KS { public static void inputGoodsInfo...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值