注册    登录
关注
Py学习  »  Jquery

使用jquery按类拆分列表

Peanuts • 5 年前 • 1568 次点击  

我有一个无序列表,其中一些项有如下类: 

<ul>
    <li class="specialOne">Some Content</li>
    <li>Some Content</li>
    <li>Some Content</li>
    <li>Some Content</li>
    <li class="specialTwo">Some Content</li>
    <li class="specialThree">Some Content</li>
    <li>Some Content</li>
</ul>

我的目标是将它分成两个不同的无序列表,其中一个包含没有类的列表项,另一个包含类的列表项,如下所示: 

   <ul>
       <li>Some Content</li>
       <li>Some Content</li>
       <li>Some Content</li>
       <li>Some Content</li>
   </ul>
   <ul>
       <li class="specialOne">Some Content</li>
       <li class="specialTwo">Some Content</li>
       <li class="specialThree">Some Content</li>
   </ul>

我试过了 this 但它按类似类对列表进行分组,我希望所有类合并在一起。

有什么简单的代码可以得到这个吗?我迷路了,想知道一些线索!

谢谢,

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/48048
Reply
 
1568 次点击  
文章 [ 1 ]  |  最新文章 5 年前
Oliver Trampleasure
Reply   •   1 楼
Oliver Trampleasure    6 年前

这是你要求的,匹配任何 li 有着 class attr

演示 

// Create new list and append to end of body
$("body").append("<ul class='class-list'></ul>");

// Append all list items that have the class attribute
$("ul.class-list").append( $("li[class]") );
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<body>
<ul>
    <li class="specialOne">Some Content + class</li>
    <li>Some Content</li>
    <li>Some Content</li>
    <li>Some Content</li>
    <li class="specialTwo">Some Content + class</li>
    <li class="specialThree">Some Content + class</li>
    <li>Some Content</li>
</ul>
</body>
登录后回复
关于   移动版
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号