jquery each
jQuery each 方法详解
jQuery 的 each() 方法用于遍历 jQuery 对象或数组/对象,执行回调函数处理每个元素或属性。以下是具体用法和示例:
遍历 jQuery 对象
语法:
$(selector).each(function(index, element) {
// 处理逻辑
});
index:当前元素的索引(从 0 开始)。element:当前 DOM 元素(可用$(element)转换为 jQuery 对象)。
示例:
$('li').each(function(index, element) {
console.log(index + ': ' + $(element).text());
});
遍历数组或对象
语法:
$.each(collection, function(indexOrKey, value) {
// 处理逻辑
});
collection:数组或普通对象。indexOrKey:数组时为索引,对象时为属性名。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);
});
中断遍历
在回调函数中返回 false 可中断遍历(类似 break),返回 true 跳过当前迭代(类似 continue)。
示例:
$.each([1, 2, 3, 4], function(index, value) {
if (value === 3) return false; // 中断
console.log(value);
});
注意事项
- 遍历 DOM 元素时,回调函数中的
this指向当前 DOM 元素(非 jQuery 对象)。 - 使用
$.each时,this指向当前遍历的值。 - 性能敏感场景建议优先使用原生
for循环。






