在 jQuery 中循环

如果你使用过 jQuery，那么你应该知道它提供了强大的循环和迭代方式。在本文中，我们将讨论如何在 jQuery 中使用循环以及它的一些用法和示例。

$.each() 循环

$.each() 方法是 jQuery 提供的最常见的循环方法之一，它可以迭代对象、数组、类数组和字符串。我们可以使用它来遍历一个对象的所有属性或数组的所有元素。

下面是一个示例，展示了如何使用 $.each() 方法遍历一个数组并在控制台中打印所有元素：

var arr = [1, 2, 3, 4, 5];

$.each(arr, function(index, value) {
  console.log("Index: " + index + ", Value: " + value);
});

输出：

Index: 0, Value: 1
Index: 1, Value: 2
Index: 2, Value: 3
Index: 3, Value: 4
Index: 4, Value: 5

在上面的示例中，我们传递了一个数组和一个回调函数给 $.each()。回调函数将在数组中的每个元素上被调用，并传递两个参数：元素的索引和值。在回调函数中，我们将这两个参数打印到控制台上。

$.map() 方法

与 $.each() 不同，$.map() 方法将返回一个数组，该数组包含处理后的所有元素。它的用法与 $.each() 相似，但回调函数必须返回一个新值，它将被添加到新数组中。

下面是一个示例，展示了如何使用 $.map() 方法将所有数组元素加倍并返回结果数组：

var arr = [1, 2, 3, 4, 5];

var result = $.map(arr, function(value) {
  return value * 2;
});

console.log(result); // 输出 [2, 4, 6, 8, 10]

在上面的示例中，我们传递了一个数组和一个回调函数给 $.map()。回调函数将在数组的每个元素上被调用，并返回一个新的值。$.map() 将把每个新值添加到结果数组中，并返回该数组。

.each() 方法

$.each() 是全局的方法，可以用于任何对象，但 .each() 是 jQuery 对象的方法，只能用于选择器返回的元素。

下面是一个示例，展示了如何使用 .each() 方法遍历所有匹配的元素：

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

输出：

Index: 0, Text: Item 1
Index: 1, Text: Item 2
Index: 2, Text: Item 3

在上面的示例中，我们使用选择器匹配了三个 li 元素，并使用 .each() 方法遍历了它们。在回调函数中，我们打印了每个元素的索引和文本。

总结

在 jQuery 中，循环和迭代通常使用 $.each() 和 $.map() 方法。.each() 方法是 .each() 方法是 jQuery 对象的方法，只能用于选择器返回的元素。无论选择哪种方法，都需要使用回调函数，并熟悉传入的参数及其用途。