jquery循环遍历

jQuery 循环遍历方法

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

.each() 方法遍历元素集合

用于遍历 jQuery 对象中的 DOM 元素：

$('selector').each(function(index, element) {
    // index 是当前元素的索引
    // element 是当前 DOM 元素（可用 $(element) 转换为 jQuery 对象）
    console.log(index, element);
});

$.each() 方法遍历数组或对象

用于遍历普通数组或对象：

// 遍历数组
$.each([1, 2, 3], function(index, value) {
    console.log(index, value);
});

// 遍历对象
$.each({name: 'John', age: 30}, function(key, value) {
    console.log(key, value);
});

for 循环遍历 jQuery 对象

虽然不常见，但可以直接用 for 循环：

var $elements = $('selector');
for (var i = 0; i < $elements.length; i++) {
    console.log($elements[i]); // 获取 DOM 元素
    console.log($elements.eq(i)); // 获取 jQuery 对象
}

.map() 方法创建新数组

用于转换元素集合并返回新数组：

var newArray = $('selector').map(function(index, element) {
    return $(element).text(); // 返回元素的文本内容
}).get();

注意事项

• 在 .each() 中使用 return false 可以终止循环（类似 break）
• 使用 return true 或 return 可以跳过当前迭代（类似 continue）
• 遍历大型集合时，直接 DOM 操作可能比 jQuery 方法更高效