在jQuery 中, $.each( )方法主要用于遍历数据,通过该方法,我们可以遍历任何一个对象,比如数组和对象。
语法格式:
$.each(object,function(index,ele))
示例:
(1)遍历数组的数据
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="../jQuery/jQuery.js"></script>
</head>
<body><script>var arr = [1, 2, 3, 4, 5];var sum = 0;$.each(arr,function(index,ele){sum += ele;})console.log(sum);</script>
</body>
</html>
控制台输出:
(2)遍历对象中的数据
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="../jQuery/jQuery.js"></script>
</head>
<body><script>var obj = {id :1001,price: 15000,name: "手表" }$.each(obj,function(index,ele){console.log(index,ele);})</script>
</body>
</html>
控制台输出: