【问题标题】：Split list by class with jQuery使用 jQuery 按类拆分列表
【发布时间】：2019-10-29 13:47:14
【问题描述】：

我有一个无序列表，其中一些项目具有如下类：

<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，但它按相似的类对列表进行分组，我希望所有类合并在一起。

有什么简单的代码可以得到这个吗？我很迷茫，想知道一些线索！

谢谢，

【问题讨论】：

标签： jquery list class split

【解决方案1】：

这可以按照您的要求工作，匹配任何具有class attr 的li

演示

// 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>

【讨论】：

非常感谢，如果目标发生变化，并且您只想针对一些特定类，您可以这样做：// 创建新列表并附加到末尾正文 $("body").append("
"); // 追加所有具有类属性的列表项 $("ul.class-list").append( $("li.Catego1,li.Catego2,li.Catego3,li.EtcEtc") );