jQuery的each()方法遍历元素集合

jQuery的each()方法

jQuery的each()方法是用来遍历元素集合的，它可以遍历数组、对象和元素节点。它接收两个参数：一个是要遍历的对象，另一个是一个函数，用于指定如何处理遍历的每一项。

使用方法

// 遍历数组
$(document).ready(function(){
    var arr = ["Apple","Banana","Grape"];
    $.each(arr, function(index, value) {
        alert("arr[" + index + "] = " + value);
    });
});

// 遍历对象
$(document).ready(function(){
    var obj = {
        "name": "John",
        "age": 25,
        "gender": "male"
    };
    $.each(obj, function(key, value) {
        alert(key + " = " + value);
    });
});

// 遍历元素节点
$(document).ready(function(){
    $("ul li").each(function(index, element) {
        alert("li[" + index + "] = " + $(element).text());
    });
});

示例

下面是一个使用each()方法遍历数组的例子：

$(document).ready(function(){
    var arr = ["Apple","Banana","Grape"];
    $.each(arr, function(index, value) {
        alert("arr[" + index + "] = " + value);
    });
});

上面的代码会弹出三个提示框：

• arr[0] = Apple
• arr[1] = Banana
• arr[2] = Grape

可以看出，each()方法会把数组中的每一项都遍历到，并传入函数中，函数中的两个参数分别是索引和值。

jQuery的each()方法是一个非常有用的函数，它可以用来遍历数组、对象和元素节点，可以把每一项都传入函数中，方便我们处理每一项的数据。