javascript - 如果ul中的li有类(class)，则在new ul中跟随li

我无权访问某些后端内容，也无济于事。这是我需要做的，我需要找到第二个类“ text”的jquery代码，并将其和以下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>

我尝试了很多代码，但是无法正常工作，有什么建议吗？

最佳答案

这个怎么样：

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

Fiddle

无论有多少li.text，您需要创建多少组，都不会在链接的帮助下展开和放弃元素。