jquery each

jQuery each 方法详解

jQuery 的 each() 方法用于遍历 jQuery 对象或数组/对象，并对每个元素执行回调函数。以下是其常见用法和示例：

遍历 jQuery 对象

语法：$(selector).each(function(index, element))

• index：当前元素的索引
• element：当前 DOM 元素（可用 this 代替）

示例：

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

遍历数组或对象

语法：$.each(collection, function(index, value))

• collection：数组或对象
• index/key：数组索引或对象键名
• value：数组元素或对象属性值

示例（数组）：

var arr = ['a', 'b', 'c'];
$.each(arr, function(i, val) {
  console.log(i + ': ' + val);
});

示例（对象）：

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

提前终止遍历

在回调函数中返回 false 可终止遍历（类似 break），返回 true 跳过当前项（类似 continue）。

示例：

$.each([1, 2, 3, 4], function(i, val) {
  if (val === 3) return false; // 终止遍历
  console.log(val);
});

注意事项

• 使用 $(this) 包装 DOM 元素以调用 jQuery 方法
• 普通数组遍历推荐原生 Array.prototype.forEach()
• 对象遍历也可用 Object.keys() 结合 forEach