$().each和$.each的区别

1.$(selector).each(function(index,element)) 作用：在dom处理上面用的较多 （html 元素、节点）

示例：

遍历数组。html部分文档

Coffee
Soda
Milk

js遍历函数：

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

输出结果：

2.$.each(dataresource,function(index,element)) 作用：在数据处理上用的比较多

示例：

遍历JSON 对象。此处没有html代码，只有js代码，如下：​​​​​​​

function traversalData(){
    var jsonResourceList ='[{"id":"1","tagName":"apple"},{"id":"2","tagName":"orange"},{"id":"3","tagName":"banana"},{"id":"4","tagName":"watermelon"}]';

    //JSON.parse() 把json字符串转化为一个对象
    //遍历JSON 数据
    if(jsonResourceList.length >0){
        $.each(JSON.parse(jsonResourceList),function(index,obj) {
            alert(obj.tagName);
        });
    }
}

输出结果：

3.最终结论： 在遍历DOM时（如数组），通常用$(selector).each(function(index,element))函数； 在遍历数据时（如JSON 对象），通常用$.each(dataresource,function(index,element))函数。