jquery $ 循环

jQuery 循环方法

jQuery 提供了多种循环遍历元素或数组的方法，以下是常见的几种方式：

each() 方法

$.each() 用于遍历数组或对象，$(selector).each() 用于遍历 jQuery 对象集合。

遍历数组示例：

var arr = [1, 2, 3];
$.each(arr, function(index, value) {
    console.log(index + ": " + value);
});

遍历 jQuery 对象示例：

$('div').each(function(index, element) {
    console.log(index + ": " + $(element).text());
});

for 循环

虽然 jQuery 提供了遍历方法，但传统的 for 循环仍然适用。

遍历 jQuery 对象：

var $divs = $('div');
for (var i = 0; i < $divs.length; i++) {
    console.log(i + ": " + $divs.eq(i).text());
}

map() 方法

$.map() 或 $(selector).map() 用于将数组或对象转换为新数组。

示例：

var newArr = $.map([1, 2, 3], function(value, index) {
    return value * 2;
});
console.log(newArr); // [2, 4, 6]

注意事项

• 在 each() 循环中使用 return false 可以终止循环（类似 break）。
• 使用 return true 可以跳过当前迭代（类似 continue）。
• jQuery 对象是类数组对象，可以通过索引访问（如 $('div')[0]），但直接访问得到的是 DOM 元素而非 jQuery 对象。

这些方法可以根据不同场景选择使用，each() 是最常用的 jQuery 循环方法。