jQuery.each()用法分享

jQuery.each() 是一个非常有用的函数，可以用来在数组或对象上进行循环遍历。本文将详细讲解该函数的参数、语法、用法以及示例。

参数

jQuery.each() 接受两个参数。第一个参数可以是数组或者对象，用于循环遍历；第二个参数是一个回调函数，它在每次循环中被调用。

回调函数的参数包括：

• index：表示当前在数组或对象中遍历的索引或者键名。
• value：表示当前正在遍历的数组或者对象的值。

语法

$.each( object, callback )

用法

假如有以下这个对象：

var students = {
  "Alex": {"age": 18, "gender": "male"},
  "Bob": {"age": 20, "gender": "male"},
  "Cathy": {"age": 19, "gender": "female"}
};

我们可以使用 jQuery.each() 遍历该对象内的每个元素，用以下代码实现：

$.each(students, function(name, info) {
  console.log(name + "'s age is " + info.age);
});

通过上述代码，我们输出了每个学生的年龄，结果如下：

Alex's age is 18
Bob's age is 20
Cathy's age is 19

假如我们有一个数组，以下是如何使用 jQuery.each() 在数组中循环遍历每个元素的示例：

var fruits = ['apple', 'banana', 'orange'];
$.each(fruits, function(index, value) {
  console.log('Item ' + index + ': ' + value);
});

在控制台中输出如下结果：

Item 0: apple
Item 1: banana
Item 2: orange

通过以上两个示例，可以清晰地看到 jQuery.each() 的用法和好处。无论是对象还是数组，此方法可以轻松循环遍历并处理各种数据类型。