1. 程式人生 > >jQuery的$().each,$.each的區別

jQuery的$().each,$.each的區別

區別 find each nbsp 常用方法 當前 頁面 lis 選擇

在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

jQuery的$().each,$.each的區別