jquery裏面的循環遍歷

jquery循環1:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			var str=[1,2,3,4];
			//str,爲要遍歷的數組,這裏必須傳兩個function裏面必須傳兩個參數,第一參數爲索引,第二個爲值
			$.each(str,function(i,n){
				console.log(n)
			})
		})
	</script>
	<body>
	</body>
</html>

jquery循環2:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			
			$("p").each(function(i,n){
				console.log($(this).text())
			})
		})
		
	</script>
	<body>
		<p>1</p>
		<p>2</p>
		<p>3</p>
		<p>4</p>
		<p>5</p>	
	</body>
</html>

js循環用的是forEach()方法:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	
	<body onload="test()">
		<script type="text/javascript">
			function test(){
				var str=[1,2,3,4];
				//i表示值,n表示索引
				str.forEach(function(i,n){
					console.log(i)
				})
			}
		</script>
	</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章