原文:https://www.cnblogs.com/zhaixr/p/7069857.html

1、遍历一维数组

 var arr1=['aa','bb','cc','dd'];
$.each(arr1,function(i,val){ //两个参数,第一个参数表示遍历的数组的下标,第二个参数表示下标对应的值
console.log(i+'```````'+val);

输出的结果为:

0```````aa
1```````bb
2```````cc
3```````dd

2、遍历二维数组

var arr2=[['aaa','bbb'],['ccc','ddd'],['eee','fff']];
$.each(arr2,function(i,item){ //两个参数,第一个参数表示下标,第二个参数表示一维数组中的每一个数组
console.log(i+'````'+item);

输出的结果为:

0````aaa,bbb
1````ccc,ddd
2````eee,fff

此时可以对输出的一维数组进行遍历

$.each(item,function(i,val){  //遍历二维数组
console.log(i+'`````'+val);
})

输出的结果为:

0````aaa,bbb
0`````aaa
1`````bbb
1````ccc,ddd
0`````ccc
1`````ddd
2````eee,fff
0`````eee
1`````fff

3、处理json

var json1={key1:'a',key2:'b',key3:'c'};
$.each(json1,function(key,value){ //遍历键值对
console.log(key+'````'+value);
})

输出的结果为:

key1````a
key2````b
key3````c

4、当二位数组中有json对象时

var arr3=[{name:'n1',age:18},{name:'n2',age:20},{name:'n3',age:22}];
$.each(arr3,function(i,val){
console.log(i+'`````'+val);
    //输出
    /* 0`````[object Object] 1`````[object Object] i2`````[object Object]*/
console.log(val.name); //获取每一个json里面的name值
console.log(val["name"]);
$.each(val,function(key,val2){
console.log(key+'```'+val2);
})
});

5、处理dom元素

<input name="aaa" type="hidden" value="111" />
<input name="bbb" type="hidden" value="222" />
<input name="ccc" type="hidden" value="333" />
<input name="ddd" type="hidden" value="444"/>
$.each($('input:hidden'),function(i,val){
console.log(i+'````'+val);
/*0````[object HTMLInputElement]
1````[object HTMLInputElement]
2````[object HTMLInputElement]
3````[object HTMLInputElement]*/
console.log(val.name+'`````'+val.value);
/* aaa`````111
bbb`````222
ccc`````333
ddd`````444*/
})

以上就是$.each()最基本的使用了,

jQuery中还有另外一种写法来遍历元素

$("input:hidden").each(function(i,val){  //第一个参数表示索引下标,第二个参数表示当前索引元素
alert(i);
alert(val.name);
alert(val.value);
});

最新文章

  1. STM32下载调试驱动问题
  2. Error:Execution failed for task &#39;:app:mergeDebugResources&#39;. &gt; Some file crunching failed, see logs f
  3. ecshop 网站标题不更新或内容不更新
  4. Apache FtpServer扩展【动手实现自己的业务】
  5. ebay的api的开发技术笔记
  6. Android解析qq聊天记录表情
  7. StringBuffer工具类整理(一)
  8. 制作与使用静态链接库(.lib)文件
  9. Ubuntu 下一个disk清理保护
  10. 微信小程序icon,text,progress标签的测试
  11. ServletRequest
  12. 剑指offer数组2
  13. 谷歌浏览器报错 Active resource loading counts reached to a per-frame
  14. linux系统网络相关问题
  15. iOS ATS问题(补充中)
  16. selenium_基本用法
  17. Task 6.2冲刺会议九 /2015-5-22
  18. 【Maven学习】maven基本命令
  19. java 多线程 2 Thread中start()和run()的区别
  20. linux系统开机突然黑屏,只有光标

热门文章

  1. python字符串表达式求值
  2. Grafana 系列文章(十五):Exemplars
  3. 重学SpringBoot. step6 SpringBoot高级技巧
  4. Mybatis获取插入值的ID
  5. 亲测有效! TG Pro 实时温度工具 V2.7.6 for mac 破解版
  6. Python3中的“加和”函数
  7. python新冠疫情分析-国内疫情数据爬取2
  8. K3S 系列文章-5G IoT 网关设备 POD 访问报错 DNS &#39;i/o timeout&#39;分析与解决
  9. js获取时间戳的方法
  10. 使用 UnoCSS shortcuts 简化 class