jquery中each方法
jQuery 中的 each 方法
jQuery 的 each 方法用于遍历 jQuery 对象或普通数组/对象,并对每个元素执行回调函数。以下是其用法和示例:
遍历 jQuery 对象
语法:
$(selector).each(function(index, element) {
// 操作逻辑
});
index:当前元素的索引。element:当前 DOM 元素(可用$(element)转换为 jQuery 对象)。
示例:
$('li').each(function(index, element) {
console.log(index + ': ' + $(element).text());
});
遍历普通数组或对象
语法:
$.each(collection, function(index, value) {
// 操作逻辑
});
collection:数组或对象。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);
});
提前终止遍历
在回调函数中返回 false 可终止遍历(类似 break),返回 true 可跳过当前迭代(类似 continue)。
示例:

$('li').each(function(index, element) {
if (index === 2) return false; // 终止遍历
console.log($(element).text());
});
注意事项
- 回调函数中的
this指向当前元素(等同于element)。 - 使用
$.each时,若遍历对象是 DOM 元素集合,需先转换为数组(如$.each($('li').get(), ...))。






