如何使用 jQuery 转换数组中的元素列表？

给定一个包含元素列表的 HTML 文档，任务是获取 HTML 列表的值并使用 JavaScript 将其转换为数组。

方法：

• 制作一个列表（有序/无序）。
• 选择
• 元素的父元素并为父元素的每个子元素调用一个匿名函数（ .each() 或 .map() 方法）。
• 获取每个孩子的文本值并将其附加到数组中。

示例 1：此示例使用 .each() 方法转换数组中的元素列表。

  
  
  
  
      
        How to convert list of elements
        in an array using jQuery ?
    
      
    
    
      
    
        #ul {
            width: 80px;
            margin: 0 auto;
        }
    
  
  
  
      
      
        GeeksForGeeks  
     
      
     
    
      
    
        GFG_1
        GFG_2
        GFG_3
    
      
    
      
    
        click here
    
      
     
    
      
      
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
          
        el_up.innerHTML = "Click on the button to get "
                    + "the values of list in array."; 
          
        function GFG_Fun() {
            var arr = [];
            $("ul li").each(function() { arr.push($(this).text())});
            el_down.innerHTML = '"' + arr.join('", "') + '"';
        } 
      
  
  

输出：

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

示例 2：此示例使用 .map() 方法转换数组中的元素列表。

  
  
  
  
      
        How to convert list of elements
        in an array using jQuery ?
    
      
    
    
      
    
        #ul {
            width: 80px;
            margin: 0 auto;
        }
    
  
  
  
      
      
        GeeksForGeeks  
     
      
     
    
      
    
        GFG_1
        GFG_2
        GFG_3
    
      
    
      
    
        click here
    
      
     
    
      
      
        var el_up = document.getElementById('GFG_UP');
        var el_down = document.getElementById('GFG_DOWN');
          
        el_up.innerHTML = "Click on the button to get "
                    + "the values of list in array."; 
          
        function GFG_Fun() {
            var arr = [];
            arr = $('li').map(function(j, element) {
                return $(element).text();
            }).get();
              
            el_down.innerHTML = '"' + arr.join('", "') + '"';
        } 
      
  
  

输出：

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