当前位置：首页 > jquery

jquery 迭代

2026-03-16 19:44:07jquery

jQuery 迭代方法

jQuery 提供了多种方法来迭代集合（如 DOM 元素、数组或对象）。以下是常见的迭代方法：

each() 方法

$.each() 或 $(selector).each() 用于遍历数组或对象。
语法：

// 遍历数组或对象
$.each(collection, function(index, value) {
  console.log(index, value);
});

// 遍历 jQuery 对象
$(selector).each(function(index, element) {
  console.log(index, element);
});

map() 方法

$.map() 或 $(selector).map() 用于遍历并返回新数组。
语法：

jquery 迭代

// 遍历数组或对象并返回新数组
const newArray = $.map(collection, function(value, index) {
  return value * 2;
});

// 遍历 jQuery 对象并返回新数组
const newArray = $(selector).map(function(index, element) {
  return $(element).text();
}).get();

其他迭代方法

$.grep()：过滤数组并返回符合条件的元素。
$.makeArray()：将类数组对象转换为数组。
$.inArray()：检查值是否在数组中。

示例代码

// 遍历列表项并输出文本
$("li").each(function(index, element) {
  console.log(index, $(element).text());
});

// 遍历数组并输出值
const arr = [1, 2, 3];
$.each(arr, function(index, value) {
  console.log(index, value);
});

这些方法可以根据需求灵活使用，适用于不同的迭代场景。