jquery遍历foreach

jQuery 遍历方法 each()

jQuery 提供了 each() 方法用于遍历集合（如数组、对象或 jQuery 对象）。与原生 JavaScript 的 forEach 类似，但语法更简洁。

语法：

$(selector).each(function(index, element) {
  // 操作逻辑
});

• index：当前元素的索引。
• element：当前 DOM 元素（可通过 $(element) 转换为 jQuery 对象）。

示例：遍历列表项

$("li").each(function(index, element) {
  console.log("索引：" + index + "，内容：" + $(element).text());
});

遍历数组或对象

jQuery 的 $.each() 可遍历普通数组或对象，语法略有不同：

遍历数组：

var arr = ["a", "b", "c"];
$.each(arr, function(index, value) {
  console.log(index + ": " + value);
});

遍历对象：

var obj = { name: "John", age: 30 };
$.each(obj, function(key, value) {
  console.log(key + ": " + value);
});

与 forEach 的区别

1. 兼容性：$.each() 兼容旧版浏览器，而 forEach 是 ES5 方法。
2. 作用范围：$.each() 可遍历 jQuery 对象、数组和对象，forEach 仅用于数组。
3. 中断遍历：在 $.each() 中返回 false 可终止循环（类似 break），forEach 无法直接中断。

示例：中断遍历

$.each([1, 2, 3], function(index, value) {
  if (value === 2) return false; // 终止循环
  console.log(value);
});

性能建议

• 纯数组操作优先使用原生 forEach，性能更高。
• 需要操作 DOM 或兼容旧浏览器时选择 $.each()。