JQuery 的$.each取值
2021-03-04 14:26
标签：toolbar aix log put 表示 fun jquer zha html 原文：https://www.cnblogs.com/zhaixr/p/7069857.html 1、遍历一维数组 输出的结果为： 2、遍历二维数组 输出的结果为： 此时可以对输出的一维数组进行遍历 输出的结果为： 3、处理json 输出的结果为： 4、当二位数组中有json对象时 5、处理dom元素 以上就是$.each()最基本的使用了， jQuery中还有另外一种写法来遍历元素 JQuery 的$.each取值 标签：toolbar aix log put 表示 fun jquer zha html 原文地址：https://www.cnblogs.com/zhiqiang-wu/p/13260500.html var arr1=[‘aa‘,‘bb‘,‘cc‘,‘dd‘];
$.each(arr1,function(i,val){ //两个参数，第一个参数表示遍历的数组的下标，第二个参数表示下标对应的值
console.log(i+‘```````‘+val);
0```````aa
1```````bb
2```````cc
3```````ddvar 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`````fffvar json1={key1:‘a‘,key2:‘b‘,key3:‘c‘};
$.each(json1,function(key,value){ //遍历键值对
console.log(key+‘````‘+value);
})
key1````a
key2````b
key3````c
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);
})
});$.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*/
})
$("input:hidden").each(function(i,val){ //第一个参数表示索引下标，第二个参数表示当前索引元素
alert(i);
alert(val.name);
alert(val.value);
});