jQuery中的each()方法是一個(gè)非常常用的方法。該方法可以枚舉任何JavaScript對(duì)象,包括數(shù)組和對(duì)象。each()方法用于循環(huán)遍歷元素,可應(yīng)用于許多不同的情況。在遍歷數(shù)組或?qū)ο髸r(shí),您可以應(yīng)用回調(diào)函數(shù)來執(zhí)行每個(gè)元素的操作。
在jQuery中,each()方法的語法如下:
$('selector').each(function(index, element) { //...callback function... });
其中,“selector”是要遍歷的元素選擇器。每個(gè)發(fā)現(xiàn)的元素都會(huì)將元素作為上下文(this)傳遞給回調(diào)函數(shù)。回調(diào)函數(shù)是對(duì)每個(gè)元素執(zhí)行的函數(shù)。回調(diào)函數(shù)包含兩個(gè)參數(shù):
- index - 元素的索引號(hào)
- element - 當(dāng)前元素
例如,以下代碼遍歷一個(gè)名為“myArray”的數(shù)組,并將數(shù)組中的每個(gè)元素乘以2:
var myArray = [4, 8, 12]; $.each(myArray, function(index, element) { myArray[index] = element * 2; });
在上面的代碼中,回調(diào)函數(shù)將索引和元素作為參數(shù)傳遞,并將數(shù)組中的每個(gè)元素乘以2。最終的結(jié)果是myArray數(shù)組現(xiàn)在包含[8, 16, 24]。
在對(duì)象上使用each()方法也是類似的。以下代碼遍歷名為“myObject”的對(duì)象,并將對(duì)象中的每個(gè)屬性值乘以2:
var myObject = {a: 4, b: 8, c: 12}; $.each(myObject, function(key, value) { myObject[key] = value * 2; });
在上面的代碼中,回調(diào)函數(shù)將鍵和值作為參數(shù)傳遞,并將對(duì)象中的每個(gè)屬性值乘以2。我的對(duì)象現(xiàn)在是{a: 8, b: 16, c: 24}。
可以看到,使用jQuery的each()方法是一種快捷的方法來循環(huán)遍歷不同類型的JavaScript對(duì)象。它是一個(gè)非常有用的工具,在web開發(fā)中應(yīng)用廣泛。