javascript - 使用 jQuery 反转子元素

Question

我需要对一些已定义类的子元素进行重新排序，并保持其他没有该类的元素的旧顺序。我还有其他子元素

代码 - html

<ul class="menu_dinamico">   
<li class="reverseMenu"><a href="#">Item 1</a></li>
 <li class="reverseMenu">Item 2</li>
      <ul>
      <li>item 2.1</li>
      <li>item 2.2</li>
        </ul>
 <li class="reverseMenu">Item 3</li>
 <li class="reverseMenu">Item 4</li>
 <li>Item 4.5</li>
 <li>Item 5</li> </ul>

代码 - JavaScript

$.fn.reverse = [].reverse;
var list = $('.menu_dinamico');
var listItems = list.children('.reverseMenu');
list.prepend(listItems.get().reverse());

结果

• 第 4 项
• 第 3 项
• 第 2 项
• item 1
• 第 2.1 项
• 第 2.2 项
• 第 4.5 项
• 第 5 项

想要的结果

• 第 4 项
• 第 3 项
• 第 2 项
  • 第 2.1 项
  • 第 2.2 项
• item 1
• 第 4.5 项
• 第 5 项

P.s:我必须维护 html 结构，如链接、属性等。

有什么线索吗？谢谢!

编辑:

在 @bubicsaszar 回复后，我意识到我的问题不完整，因为我的列表可以有无限的子列表，并且必须保留它们的结构。

Answer 1

尝试这个，如果常量项总是在列表的末尾:

$.fn.reverse = [].reverse;
var list = $('.menu_dinamico');
var listItems = list.children('.reverseMenu');
list.prepend(listItems.get().reverse());