jQuery的`each()`方法是用于迭代遍歷jQuery對象集合或數(shù)組的方法。它類似于JavaScript中的`forEach()`方法,可以對集合中的每個元素執(zhí)行指定的函數(shù)。
`each()`方法的語法如下:
$(selector).each(function(index, element) {
// 執(zhí)行的操作
});
- `selector`:表示要迭代的元素集合的選擇器。
- `function(index, element)`:一個回調(diào)函數(shù),用于處理每個元素。`index`表示當(dāng)前元素的索引,`element`表示當(dāng)前元素的引用。
在回調(diào)函數(shù)中,你可以執(zhí)行你想要的操作,例如修改元素的樣式、獲取或設(shè)置元素的屬性、處理元素的內(nèi)容等。
以下是一個示例,演示如何使用`each()`方法遍歷一個包含多個`li`元素的列表,并將它們的文本內(nèi)容輸出到控制臺:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
$('li').each(function(index, element) {
var text = $(element).text();
console.log('Item ' + (index + 1) + ': ' + text);
});
輸出結(jié)果:
Item 1: Item 1
Item 2: Item 2
Item 3: Item 3
在上述示例中,通過`$('li')`選擇所有的`li`元素,然后使用`each()`方法遍歷每個元素,并在控制臺輸出每個元素的文本內(nèi)容。
通過使用`each()`方法,你可以方便地對jQuery對象集合或數(shù)組進(jìn)行迭代操作,執(zhí)行相應(yīng)的處理邏輯。