$.each()
是 jQuery 中的一个实用函数,用于迭代遍历数组和对象。
它能够循环遍历数组、对象或类数组对象的每个元素,并对其执行指定的回调函数。
语法:
$.each(collection, function(index, value) {
// 对每个元素执行的操作
});
参数:
collection
:要迭代的数组、对象或类数组对象。function(index, value)
:回调函数,用于处理每个元素。回调函数包含两个参数:index
:当前元素的索引(对于数组)或键名(对于对象)。value
:当前元素的值。
示例1:
var fruits = [‘apple’, ‘banana’, ‘orange’];
$.each(fruits, function(index, value) {console.log(index + ‘: ‘ + value);});
输出结果:
0: apple
1: banana
2: orange
示例2:
var obj = { name: ‘Alice’, age: 30, city: ‘New York’ };
$.each(obj, function(key, value) { console.log(key + ‘: ‘ + value); });
输出结果:
name: Alice
age: 30
city: New York
注意事项:
$.each()
可以用于遍历 jQuery 对象、数组或纯粹的 JavaScript 对象。- 在回调函数中,
index
是当前元素的索引(对于数组)或键名(对于对象),value
是当前元素的值。 $.each()
提供了一种简单而灵活的方式来迭代遍历集合并执行操作,类似于 JavaScript 中的for
循环或Array.prototype.forEach
。
总体来说,$.each()
是 jQuery 中一个强大且常用的函数,用于迭代遍历集合并对其中的每个元素执行指定的操作。