首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >用jQuery反向子元素

用jQuery反向子元素
EN

Stack Overflow用户
提问于 2016-04-18 19:55:11
回答 1查看 227关注 0票数 0

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

代码- html

代码语言:javascript
复制
<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

代码语言:javascript
复制
$.fn.reverse = [].reverse;
var list = $('.menu_dinamico');
var listItems = list.children('.reverseMenu');
list.prepend(listItems.get().reverse());

结果

  • 项目4
  • 项目3
  • 项目2
  • 项目1
  • 项目2.1
  • 项目2.2
  • 项目4.5
  • 项目5

结果想要

  • 项目4
  • 项目3
  • 第2项
    • 项目2.1
    • 项目2.2

  • 项目1
  • 项目4.5
  • 项目5

我必须维护html的结构,如链接,属性等。

有什么线索吗?谢谢!

编辑:

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-18 19:59:03

如果常量项总是位于列表末尾,请尝试这样做:

代码语言:javascript
复制
$.fn.reverse = [].reverse;
var list = $('.menu_dinamico');
var listItems = list.children('.reverseMenu');
list.prepend(listItems.get().reverse());
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36703164

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档