jQuery 遍历参考手册

jQuery each 方法详解

最新推荐文章于 2025-09-10 16:16:57 发布

转载最新推荐文章于 2025-09-10 16:16:57 发布 · 79 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/lslDn/blog/1554946

文章标签：

#javascript #ViewUI

本文详细介绍了 jQuery 中 each 方法的不同使用场景及其应用技巧，包括如何遍历数组、对象及表格中的复选框等。

为什么80%的码农都做不了架构师？>>>

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

document.write(cars[0] + "<br>");
document.write(cars[1] + "<br>");
document.write(cars[2] + "<br>");
document.write(cars[3] + "<br>");
document.write(cars[4] + "<br>");
document.write(cars[5] + "<br>");

for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}

for(var i in data){

console.dir(i);//输出姓名

console.dir(data[i]);//输出分数

}

1、下面提一下jQuery的each方法的几种常用的用法

Js代码
var arr = [ "one", "two", "three", "four"];
$.each(arr, function(){
    alert(this);
});
//上面这个each输出的结果分别为：one,two,three,four

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]
$.each(arr1, function(i, item){
   alert(item[0]);
});
//其实arr1为一个二维数组，item相当于取每一个一维数组，
//item[0]相对于取每一个一维数组里的第一个值
//所以上面这个each输出分别为：1   4   7


var obj = { one:1, two:2, three:3, four:4};
$.each(obj, function(key, val) {
    alert(obj[key]);
});
//这个each就有更厉害了，能循环每一个属性