jquery怎樣遍歷數組？ jquery遍歷陣列常用的兩種方式

在jquery中，我們常用$().each和$.each()這兩個方法來進行數組的遍歷，$().each和$.each()這兩種方法表面看起來好像差不多，但是，實際上這兩個方法是有區別的，兩個方法在針對不同的操作上，都顯示了各自的特點。接下來的這篇文章就來跟大家介紹一下jquery用$().each和$.each()這兩個方法實作遍歷數組。

我們話不多說，下面直接進入正文~

1、jquery遍歷數組的方法之$().each

對於$ ().each這個方法，在dom處理上用的比較多，比如下面這個例子：

$('.list li').each(function(i, ele) {
    console.log(i, ele);
    // console.log(this == ele); // true
    $(this).html(i);
    if ($(this).attr('data-item') == 'do') {
        $(this).html('data-item: do');
    };
})

i: 序列值ele: 只當前被遍歷的DOM元素

this 目前被遍歷的DOM元素，不能呼叫jQuery方法

$(this) == $(ele) 目前被遍歷元素的jquery對象，可以呼叫jquery的方法進行dom操作

# 2.jquery遍歷數組的方法之$.each

沒有回傳值，支援的匿名函數有2個參數：如果遍歷的是數組，i為當前項的索引，n為數組中的目前項目

範例如下：

//数组:i为索引，n为值
$.each( [1，2，3，4], function(i, n){
   console.log( i + ": " + n );
});

在這裡需要注意的是：

使用return 或return true為跳過一次循環，繼續執行後面的循環。

使用return false為終止迴圈的執行，但是並不會終止函數執行。

無法使用break與continue來跳過迴圈。

$.each 中的 $(this) 與this有所不同，不過遍歷結果卻是一樣。

這篇文章到這裡就全部結束了，關於jquery遍歷的相關內容大家可以參考jquery手冊進一步的了解。

以上是jquery怎樣遍歷數組？ jquery遍歷陣列常用的兩種方式的詳細內容。更多資訊請關注PHP中文網其他相關文章！