jQuery |杂项 each() 方法

jQuery 中的each() 方法用于指定要为每个匹配元素运行的函数。

句法：

$(selector).each(function(index, element))

参数：此方法接受强制性的单参数函数（索引，元素） 。它用于为每个匹配的元素运行。它包含两个参数。

• index：保存选择器元素的索引位置。
• element：它保存当前元素。

示例 1：此示例使用 each() 方法来显示每个段落元素。

  
 
    
        jQuery Misc each() Method
    
      
    
    
 
  

  
      
        GeeksForGeeks
      
      
    jQuery each() Method
  
    Click
      
    Geeks1
    Geeks2
    Geeks3
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                $("p").each(function() {
                    alert($(this).text())
                });
            });
        });
    

  
  

输出：

• 点击按钮之前
  
• 点击按钮后
  
  
  

示例 2：此示例使用 each() 方法来显示段落元素。

  
 
    
        jQuery Misc each() Method
    
      
    
    
 
  

  
      
        GeeksForGeeks
      
      
    jQuery each() Method
  
    Click
      
    Geeks1-Geeks2-Geeks3
      
    
      
    
    
        $(document).ready(function(){
            $("button").click(function(){
                $("p").each(function(){
                    $("div").text($(this).text())
                });
            });
        });
    
 
  
  

输出：

点击按钮前

点击按钮后