首页 > 语言 > JavaScript > 正文

Jquery中的$.each获取各种返回类型数据的使用方法

2024-05-06 16:19:08
字体:
来源:转载
供稿:网友

each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等,在javaScript开发过程中使用$each可以大大的减轻我们的工作量。

 

 
  1. var arr = [ "one""two""three""four"];  
  2. $.each(arr, function(){  
  3. alert(this);  
  4. });  

上面这个each输出的结果分别为:one,two,three,four

 

 
  1. var arr = [ "aaa""bbb""ccc" ];  
  2. $.each(arr, function(i,a){  
  3. alert(i); // i 是循环的序数 
  4. alert(a); // a 是值 
  5. });  
  6. var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]  
  7. $.each(arr1, function(i, item){  
  8. alert(item[0]);  
  9. });  

其实arr1为一个二维数组,item相当于取每一个一维数组,

item[0]相对于取每一个一维数组里的第一个值

所以上面这个each输出分别为:1 4 7

 

 
  1. var obj = { one:1, two:2, three:3, four:4};  
  2. $.each(obj, function(key, val) {  
  3. alert(obj[key]); 
  4. alert(key); //键 
  5. alert(val); //值 
  6. });  

输出结果为:1 2 3 4

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选