jQuery遍历的几种方式

最新推荐文章于 2025-06-27 10:44:03 发布

原创最新推荐文章于 2025-06-27 10:44:03 发布 · 1w 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript jQuery

Ajax and JQuery 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了使用jQuery和纯JavaScript遍历数组的方法，包括jQuery对象和函数调用方式，以及纯JS实现的foreach函数，展示了不同技术在遍历操作上的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jQuery对象遍历


	<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
	<script>
		var cities = ["深圳市","广州市","珠海市","上海市","北京市"];
		//jQuery对象调用遍历
		$(cities).each(function(i,n) {
			console.log(i+" = "+n);
		});
	</script>

jQuery函数调用

<script>
	//jQuery函数调用
	$.each(cities,function(i,n) {
		console.log(i+" > "+n);
	});
</script>

纯JavaScript实现

<script>
		var cities = ["深圳市","广州市","珠海市","上海市","北京市"]
		
		function callback(i,n) {
			console.log("123：" + i + n);
		}

		function foreach(array,callback) {
			for (var i = 0; i < array.length; i++) {
				var item = array[i];
				callback(i,item);
			}
		}
		//调用
		foreach(cities,callback);
	</script>