// 遍历jQuery对象
$(selector).each(function(index, element) {
  // 操作代码
});

// 通用遍历（数组或对象）
$.each(collection, function(index, value) {
  // 操作代码
});

// 遍历所有段落并添加类
$("p").each(function(index) {
  $(this).addClass("paragraph-" + index);
});

// 遍历数组
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);
});

$("div").each(function() {
  // 错误：this.css()会报错，因为this是DOM元素
  // 正确：
  $(this).css("color", "red");
});

$("div").each(function(index) {
  if (index === 2) {
    return false; // 相当于break
  }
  console.log(index);
});

// 优化前（每次循环都重新查询DOM）
for (var i = 0; i < 10; i++) {
  $(".items").each(function() { /*...*/ });
}

// 优化后（只查询一次DOM）
var $items = $(".items");
for (var i = 0; i < 10; i++) {
  $items.each(function() { /*...*/ });
}

// 错误示例（异步操作不会按预期顺序执行）
$("img").each(function() {
  loadImage($(this).attr("src"), function() {
    console.log("loaded");
  });
});

// 正确解决方案之一
var promises = [];
$("img").each(function() {
  promises.push(new Promise(function(resolve) {
    loadImage($(this).attr("src"), resolve);
  }));
});

Promise.all(promises).then(function() {
  console.log("all images loaded");
});