jquery的each循环
jQuery 的 each 循环方法
jQuery 提供了 each() 方法用于遍历集合(如数组、对象或 jQuery 对象)。以下是两种常见的用法:
遍历数组或对象
语法:
$.each(collection, function(index, value) {
// 操作逻辑
});
collection:需要遍历的数组或对象。index:当前元素的索引(数组)或键名(对象)。value:当前元素的值。
示例(遍历数组):
var arr = ["a", "b", "c"];
$.each(arr, function(i, val) {
console.log("索引:" + i + ",值:" + val);
});
示例(遍历对象):
var obj = { name: "John", age: 30 };
$.each(obj, function(key, val) {
console.log("键:" + key + ",值:" + val);
});
遍历 jQuery 对象
语法:
$(selector).each(function(index, element) {
// 操作逻辑
});
index:当前元素在集合中的索引。element:当前 DOM 元素(可直接用this代替)。
示例(遍历所有 <li> 元素):
$("li").each(function(i, el) {
console.log("索引:" + i + ",文本内容:" + $(el).text());
});
中断循环
在 each() 中返回 false 可中断循环,类似 break:
$.each([1, 2, 3], function(i, val) {
if (val === 2) return false; // 中断循环
console.log(val);
});
跳过当前迭代
返回 true 或 undefined 可跳过当前迭代,类似 continue:

$.each([1, 2, 3], function(i, val) {
if (val === 2) return true; // 跳过本次循环
console.log(val);
});
注意事项
- 使用
$.each()时,第一个参数是集合,第二个是回调函数。 - 使用
$(selector).each()时,回调函数直接作用于 jQuery 对象。 - 回调函数中的
this指向当前元素(DOM 元素或对象值)。






