jquery 遍历数据

最新推荐文章于 2024-08-13 17:24:04 发布

黄大仙No.1

最新推荐文章于 2024-08-13 17:24:04 发布

阅读量414

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_44378358/article/details/108268526

版权

jQuery 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
	</head>
	<body>
		<div>1</div>
		<div>2</div>
		<div>3</div>
		<script>
			$(function () {
			    var sum = 0;
			    var arr = ['red', 'green', 'blue'];
				$('div').each(function (index, domEle) {
					// index :第一个元素索引号
                    console.log(index)
					// domEle: 第二个元素是DOM对象
					$(domEle).css('color', arr[index]);
                    sum += parseInt($(domEle).text());
                })
                console.log(sum);

				/*第二种方法 //主要用来处理数据*/
				$.each($('div'), function (i, ele) {
                    console.log(i)
                })
                $.each(arr, function (i, ele) {
                    console.log(i);
                    console.log(ele);
                })
                $.each({name: 'andy', age: 18}, function (i, ele) {
                    console.log(i, ele);
                })
            })
		</script>
	</body>
</html>