jQuery的三种遍历循环

0.总述

for循环

$.each

for in

1.简述

$.each(object,function(index,e){  ...  });    

object --> 需要遍历的对象或数组
index  --> 索引    
e      --> 循环的每个元素

2.代码

<!DOCTYPE html>
<html>
<body>
<ul id="ul">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>
</body>
</html>


<script type="text/javascript" src="js/jquery/jquery-1.11.2.js"></script>
<script type="text/javascript">

	$(function(){

		var lis = $("#ul li");
		
		console.debug("方式①：使用普通for循环   ");
		for(var i=0;i<lis.length;i++){
			var li = lis[i];
			var value = $(li).html();
			console.debug(value);
		}
		
		
		console.debug("方式②：使用jquery方式循环");
		$.each(lis,function(index,obj){  //index:索引obj:循环的每个元素
			var value = $(obj).html();
			console.debug(value);
		}); 
		
		console.debug("方式②：使用jquery方式循环");
		lis.each(function(index,obj){
			var value = $(obj).html();
			console.debug(value);
		});
	});

</script>

3.for in

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/fujian9544/article/details/90753780
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-31 11:19:00
阅读 ( 1653 )
分类：前端

jQuery的三种遍历循环

0.总述

1.简述

2.代码

3.for in

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看