社区所有版块导航
Python
python开源   Django   Python   DjangoApp   pycharm  
DATA
docker   Elasticsearch  
aigc
aigc   chatgpt  
WEB开发
linux   MongoDB   Redis   DATABASE   NGINX   其他Web框架   web工具   zookeeper   tornado   NoSql   Bootstrap   js   peewee   Git   bottle   IE   MQ   Jquery  
机器学习
机器学习算法  
Python88.com
反馈   公告   社区推广  
产品
短视频  
印度
印度  
Py学习  »  Jquery

使用jquery按类拆分列表

Peanuts • 5 年前 • 1566 次点击  

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

<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
 
1566 次点击  
文章 [ 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>