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

📅  最后修改于: 2021-11-25 04:25:32             🧑  作者: Mango

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

句法:

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

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

示例 1:

HTML


  

    
    

  

  

  


HTML


  

    
    

  

    

para-1

    

para-2

    

para-3

    

para-4

    

para-5

       


输出:

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

句法:

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

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

例子:

HTML



  

    
    

  

    

para-1

    

para-2

    

para-3

    

para-4

    

para-5

       

输出: