jQuery 中 .each()函数的用途是什么？

jQuery 中的each()函数遍历对象和数组。具有 length 属性的数组从索引 0 到 length-1 遍历，而像对象这样的数组则通过它们的属性名称遍历。

句法：

$.each('array or object', function(index, value){
  // Your code
})

在这个 .each()函数，一个数组或一个对象作为第一个参数和一个回调函数。此回调函数可选地采用两个参数，即索引和值。因此，我们必须向 each() 方法传递一个回调函数。

示例 1：

HTML

  

    
    
    

  

  
    let arr = [10, 20, 30, 40, 50];
    $.each(arr, function (index, value) {
        document.write(index + ": " + value + "<br>");
    });
  

  

输出：

$(selector).each()：我们也可以通过从回调函数返回false来提前中断循环。它与上面的 each()函数，但它遍历 JQuery 对象的 DOM 元素，并且可以为每个元素执行一个函数。

句法：

$('selector').each(function(index, value){
    // Your code
})

它只接受为每个选定元素执行的回调函数。

例子：

HTML

  

    
    
    

  

    para-1
    para-2
    para-3
    para-4
    para-5
    
        $("p").each(function (index) {
            console.log(index 
                + ": " + $(this).text());
        });
    

  

输出：