jquery的each循環,主要有2種:
1) 循環數據
語法: jQuery.each(object,[callback])
參數:
object: 需要遍歷的對象或數組。
callback: 每個成員/元素執行的回調函數.回調函數擁有兩個參數：第一個為對象的成員或數組的索引，第二個為對應變量或內容。如果需要退出 each 循環可使回調函數返回 false，其它返回值將被忽略。
例子1: 循環一個列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://code.jquery.com/jquery-3.1.1.min.js" ></script>
<script>
var arr=[123,456,789,0];
$.each(arr,function(i,j){
console.log(i,j);
})
</script>
</head>
<body>
顯示結果如下: 列表的每個索引和他對應的值
例子2: 循環一個對象
var obj={"name":"tom","age":15}; $.each(obj,function(i,j){ console.log(i,j); });
結果:顯示對象中的key和value
2)循環標簽元素
代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://code.jquery.com/jquery-3.1.1.min.js" ></script>
<script>
$(function () {
$("ul li a").each(function () {
console.log($(this).html())
})
})
</script>
</head>
<body>
<ul>
<li><a href="">關於我們</a></li>
<li><a href="">聯系方式</a></li>
<li><a href="">產品答疑</a></li>
</ul>
</body>
</html>
注意: 這樣寫一定要寫$(function (){}),$(function (){})是$(document).ready(function()的簡寫,會在DOM加載完畢之后執行.