如何使用 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
输出: