jQuery | 杂项 each() 方法

简介

each() 方法是 jQuery 提供的一个用于遍历集合中的元素的杂项方法（Miscellaneous Methods）。该方法会对集合中的每一个元素执行一次指定的函数，并将其作为函数的参数进行传递。其使用方式类似于 JavaScript 中的 forEach() 方法。

语法

$(selector).each(function(index, element));

• selector：用于选取需要遍历的元素的选择器表达式。
• index：表示当前元素在集合中的下标。
• element：表示当前被遍历到的元素。如果遍历的是 jQuery 对象集合，则 element 为 DOM 元素对象（DOM Element）。如果遍历的是 JavaScript 对象或 数组，则 element 为对应元素的值。

示例

遍历 DOM 元素

$("li").each(function(index, element) {
    console.log(index + ": " + $(this).text());
});

以上代码会遍历页面中所有的 li 元素，并输出它们的下标和文本内容。

遍历数组

var fruits = ["apple", "banana", "orange"];
$.each(fruits, function(index, element) {
    console.log(index + ": " + element);
});

以上代码会遍历数组 fruits，并输出它们的下标和值。

注意事项

• each() 方法总是返回其遍历的集合，因此可以在遍历集合之后，继续进行操作。
• 在 each() 中，this 关键字指向当前被遍历到的元素对象。如果需要使用 jQuery 对象的方法，则需要将其转换为 jQuery 对象。例如：$(this).addClass("selected");
• 当遍历的集合是一个空集合时，each() 方法不会执行任何操作。