欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery on each

夏志豪1年前9瀏覽0評論

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ā)中的必備技能之一。