在網頁或其他開發中，會經常碰到遍歷元素的問題，jquery each()方法完美的解決遍歷問題，比原生js中for循環更加簡單，下 面介紹一下jquery each()方法如何遍歷ul下的li元素，本文介紹兩個不同的寫法。

 先來看看Li標簽的HTML代碼： 

< ul id="ul_Items"> 

 < li>aaa< /li> 

 < li>bbb< /li> 

 < li>ccc< /li> 

< /ul>

 用each()方法遍歷Li標簽，獲取每個Li標簽的文本。 

第一種寫法：

$("#ul_Items li").each(function(){
  var self=$(this);
  console.log(self.text());
});

第二種寫法：

$.each($("#ul_Items li"),function(){
  var self=$(this);
  console.log(self.text());
});

這兩種寫法都能實現同樣的功能，最后輸出結果如圖所示： 圖01 

我們精簡代碼后看看，其實是$().each()和$.each()的兩種寫法結構，選擇哪種完全按個人喜好。

$().each()和$.each()這兩種寫法，在實際編程時有什么區別呢？

下面就對這兩個函數做深入的探討： 

1、$(selector).each(function(index,element)) 作用：在dom處理上面用的較多，如上面例子第一種寫法。

2、$.each(dataresource,function(index,element)) 作用：在數據處理上用的比較多 

示例： 此處沒有html代碼，只有js代碼，如下：

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

輸出： 圖02 

3、結論： 

在遍歷DOM時，通常用$(selector).each(function(index,element))函數。 

在遍歷數據時，通常用$.each(dataresource,function(index,element))函數。

備注：使用時請把DOM標簽中的空格刪掉。

上一篇：解決KindEditor編輯器無法使用flash插件影響圖片批量上傳

下一篇：網頁中只渲染日期不顯示時間的解決方法