jQuery中的each方法可以在匹配的元素集合中循環(huán),并對每個元素執(zhí)行指定的回調(diào)函數(shù)。在each方法中,當前元素可以通過this關(guān)鍵字訪問,也可以使用第二個參數(shù)訪問當前元素的索引。
$('ul li').each(function(index){ console.log(`第 ${index + 1} 項的內(nèi)容是:${$(this).text()}`); });
在上面的代碼中,我們首先選擇了ul元素下的所有l(wèi)i元素,然后通過each方法循環(huán)這些li元素。在回調(diào)函數(shù)中,我們打印了當前元素的內(nèi)容和索引。最終輸出結(jié)果如下:
第 1 項的內(nèi)容是:列表項1 第 2 項的內(nèi)容是:列表項2 第 3 項的內(nèi)容是:列表項3
除了可以循環(huán)元素集合外,each方法還可以循環(huán)數(shù)組和類數(shù)組對象。下面的代碼演示了如何循環(huán)一個數(shù)組:
var array = [1, 2, 3, 4, 5]; $.each(array, function(index, value){ console.log(`第 ${index + 1} 項的值是:${value}`); });
在上面的代碼中,我們首先定義了一個數(shù)組,然后使用each方法循環(huán)這個數(shù)組。在回調(diào)函數(shù)中,我們打印了當前元素的值和索引。最終輸出結(jié)果如下:
第 1 項的值是:1 第 2 項的值是:2 第 3 項的值是:3 第 4 項的值是:4 第 5 項的值是:5
總之,each方法是一個非常常用的jQuery方法,可以循環(huán)任何類型的數(shù)據(jù),方便快捷,是前端開發(fā)中的必備技能之一。