jQuery.each()是jQuery庫中的一個(gè)常用遍歷函數(shù)，它可以很方便地幫助我們遍歷一個(gè)數(shù)組、對象，或者jQuery對象的集合，并且能夠?yàn)槊總€(gè)元素執(zhí)行特定的回調(diào)函數(shù)。下面我們會通過小例子來演示jQuery.each()函數(shù)的使用。

$(document).ready(function(){
var arr = [ "apple", "orange", "banana" ];
$.each(arr, function( index, value ) {
$("p").append( index + ": " + value + "
" );
});
});

以上代碼能夠定義一個(gè)數(shù)組arr，然后利用$.each()遍歷數(shù)組中的每個(gè)元素，并把它們分別作為index和value的參數(shù)傳入回調(diào)函數(shù)中執(zhí)行。回調(diào)函數(shù)里的代碼能夠?qū)?shù)組中的每個(gè)元素添加到指定的p標(biāo)簽內(nèi)。

接下來，我們來看一下如何使用$.each()函數(shù)多次執(zhí)行。事實(shí)上，這很簡單。我們只需要在多次執(zhí)行的地方分別調(diào)用$.each()函數(shù)即可。下面是一個(gè)具體的例子。

$(document).ready(function(){
var arr = [ "apple", "orange", "banana" ];
$.each(arr, function( index, value ) {
$("p:first").append( index + ": " + value + "
" );
});
$.each(arr, function( index, value ) {
$("p:last").append( index + ": " + value + "
" );
});
});

以上代碼區(qū)別于前一個(gè)例子的是，我們在函數(shù)中增加了第二次$.each()函數(shù)的調(diào)用。第一個(gè)$.each()函數(shù)會把數(shù)組中的每個(gè)元素添加到html頁面中的第一個(gè)p標(biāo)簽內(nèi)，而第二個(gè)$.each()函數(shù)會把數(shù)組中的每個(gè)元素添加到html頁面中的最后一個(gè)p標(biāo)簽內(nèi)。這樣我們就能夠在同一個(gè)頁面中多次執(zhí)行$.each()函數(shù)了。