📜  如何使用 jQuery 反转 DOM 元素数组?

📅  最后修改于: 2022-05-13 01:55:56.157000             🧑  作者: Mango

如何使用 jQuery 反转 DOM 元素数组?

给定一个 DOM 元素数组,任务是使用 jQuery 反转这个数组。有两种方法可以实现这一目标:

方法 1:使用内置的 jQuery 方法,例如 get()、reverse() 和 each()。首先,使用返回 JavaScript 数组的get()方法选择所有需要的 DOM 元素。然后,原生 JavaScript 方法reverse()用于反转数组 DOM 元素。最后, each()方法遍历反转数组的每个 DOM 元素。

例子:

HTML


  

    
    
  
    
        Reverse array of DOM elements using jQuery
    
      
    
    

  

    

GeeksforGeeks

       

Geek 1

    

Geek 2

    

Geek 3

    

Geek 4

    

Geek 5

          


HTML


  

    
    
  
    
        Reverse array of DOM elements using jQuery
    
      
    
    

  

    

GeeksforGeeks

       

Geek 1

    

Geek 2

    

Geek 3

    

Geek 4

    

Geek 5

          


输出:

方法 2:使用一个小的 jQuery 插件。插件jQuery.fn.reverse = [].reverse在与之前方法中讨论的each()方法结合使用时,可用于反转 DOM 元素数组。

例子:

HTML



  

    
    
  
    
        Reverse array of DOM elements using jQuery
    
      
    
    

  

    

GeeksforGeeks

       

Geek 1

    

Geek 2

    

Geek 3

    

Geek 4

    

Geek 5

          

输出: