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 方法更高效
