jquery 循环

jQuery 循环方法

jQuery 提供了多种循环方法，适用于不同的场景，以下是常见的几种方式：

each() 方法

each() 是 jQuery 中最常用的循环方法，用于遍历 jQuery 对象集合或数组。语法如下：

$(selector).each(function(index, element) {
    // 循环体
});

示例：遍历所有 <li> 元素并修改文本内容

$('li').each(function(index, element) {
    $(this).text('Item ' + (index + 1));
});

$.each() 方法

$.each() 是 jQuery 的通用迭代函数，可用于遍历数组或对象。语法如下：

$.each(collection, function(index, value) {
    // 循环体
});

示例：遍历数组

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);
});

for 循环

虽然 jQuery 提供了专门的循环方法，但传统的 JavaScript for 循环仍然适用：

var elements = $('.my-class');
for (var i = 0; i < elements.length; i++) {
    console.log(elements[i]);
}

map() 方法

map() 方法创建一个新数组，包含对原数组或集合中每个元素调用函数的结果：

var newArray = $('li').map(function(index, element) {
    return $(element).text();
}).get();

注意事项

• 在 each() 循环中使用 return false 可以提前终止循环（类似 break）
• 使用 return true 或 return 可以跳过当前迭代（类似 continue）
• jQuery 循环方法会自动处理跨浏览器兼容性问题