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

Posted 2020-09-18 Wherein

在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。

$().each 更多的是在dom上处理。比如: 页面有ul(class="goods_list") 下面有多个li标签, 然后需要你找出里面带有class="curr"的.. 则：

$(".goods_list").each(function(index, element){

if ($(this).find(‘.curr‘)) {

//一些操作代码

}

index: 选择器的位置, 索引

element: 当前的位置, 即为this

而$.each()通常用来处理数据, 数组, 或者obj. 就像是php里面的foreach().例如：

$.each([{“name”:”whereii”},{“name”:”wherein”},function(i,n)
{
　　console.log(‘索引位置+i‘, ‘你的name为：‘+n.name);
});

参数i为遍历索引值，n为当前的遍历对象.

常用方法:

var tmp = [‘I‘, ‘like‘, ‘php‘];
$.each(tmp, function(){
console.log(this);

});
输出：I like php
var obj = { one:1, two:2, three:3, four:4, five:5 };
$.each(obj, function(key, val) {
alert(val);
});
输出：1   2  3  4  5