如果ul中的li有一个类，则在新ul中将li放在后面

Question

我无法访问一些后端的东西，也没有任何帮助。这就是我需要做的，我需要jquery代码来找到第二个类"text“，并将它和下面的li放在一个新的ul中。

这

<ul>
  <li class="text">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="text">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
</ul>

到这个

<ul>
<li class="text">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
</ul>
<ul>
<li class="text">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
<li class="subText">TEXT</li>
</ul>

我已经尝试了一堆代码，但不能让它工作，有什么建议吗？

Answer 1

这样如何：

$('ul').find('li.text').unwrap().each(function () {
    $(this).nextUntil('.text').andSelf().wrapAll($('<ul/>'));
});

有多少li.text和你需要创建多少组都无关紧要，并且不会在链接的帮助下将元素解开和丢弃。

Answer 2

这应该可以做到：

$('li.text:first').nextUntil('li.text').addBack().wrapAll('<ul>');
$('li.text:eq(1)').nextAll().addBack().wrapAll('<ul>');
$('li.text:first').closest('ul').unwrap();

将产生：

<ul>
    <li class="text">TEXT</li>
    <li class="subText">TEXT</li>
    <li class="subText">TEXT</li>
    <li class="subText">TEXT</li>
    <li class="subText">TEXT</li>
</ul>
<ul>
    <li class="text">TEXT</li>
    <li class="subText">TEXT</li>
    <li class="subText">TEXT</li>
    <li class="subText">TEXT</li>
    <li class="subText">TEXT</li>
</ul>

Answer 3

像$("ul li")这样的东西将按照列表项在DOM中出现的顺序返回所有列表项。然后，您可以遍历它们，一旦找到第二个，只需执行如下操作：

$("li").before("</ul><ul>")

编辑:对不起，请使用before()而不是prepend()。