jquery的$().each,$.each的区别

看同事的代码，

与是去网上搜了搜javaScript的循环 两种

接下来就对这两个函数做深入的探讨：

1.$(selector).each(function(index,element))

作用：在dom处理上面用的较多

示例：

html部分文档

Coffee Soda Milk

js遍历函数：

function traversalDOM(){ $("#each_id li").each(function(){       alert($(this).text())     }); }

输出结果：

2.$.each(dataresource,function(index,element))

作用：在数据处理上用的比较多

示例：

function traversalData(){ var jsonResourceList = '[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"}]'; if(jsonResourceList.length >0){ $.each(JSON.parse(jsonResourceList), function(index, obj) {     alert(obj.tagName); }); } }

输出结果：

3.最终结论：

在遍历DOM时，通常用$(selector).each(function(index,element))函数； 因为它有个选择器。

在遍历数据时，通常用$.each(dataresource,function(index,element))函数；

each处理一维数组 var arr1 = [ “aaa”, “bbb”, “ccc” ]; $.each(arr1, function(i,val){ alert(i); alert(val); }); alert(i)将输出0，1，2 alert(val)将输出aaa，bbb，ccc

each处理json数据，这个each就有更厉害了，能循环每一个属性 　　var obj = { one:1, two:2, three:3}; 　　each(obj, function(key, val) { 　　alert(key); 　　alert(val); 　　}); 这里alert(key)将输出one two three alert(val)将输出one，1，two，2，three,3 这边为何key不是数字而是属性呢，因为json格式内是一组无序的属性-值，既然无序，又何来数字呢。 而这个val等同于obj[key]

原文地址：http://blog.csdn.net/zjh_1110120/article/details/50550108