jquery 添加闭合标签

Question

我的 jquery 有问题。经过多次测试，对我来说没有简单的解决方案。

我的 CMS 返回此代码

<ul>
   <li>text</li>
   <li>text</li>
   <li class="last">text</li>
   <li>text</li>
   <li>text</li>
   <li class="last">text</li>
   <li>text</li>
   <li>text</li>
   <li class="last">text</li>
</ul>

我想在每个 class=last 之后添加这段代码

</ul><ul>

为了获取此代码

<ul>
   <li>text</li>
   <li>text</li>
   <li class="last">text</li>
</ul><ul>
   <li>text</li>
   <li>text</li>
   <li class="last">text</li>
</ul><ul>
   <li>text</li>
   <li>text</li>
   <li class="last">text</li>
</ul>

我尝试使用 jquery 这段代码

$('.last').after('</ul><ul>')

但无法 append 此文本。我得到

<ul></ul> 

而不是

</ul><ul>

你能为我的问题提供一个解决方案吗？提前致谢;)

Answer 1

你不能像这样拆分 DOM 节点，你必须添加一个新的 <ul></ul>并将相关子节点移至其上。

顺便说一句，您是否考虑过根本不拆分列表，而是装饰 .last看起来像一个分隔符(空白区域，这就是我假设你想要实现的目标)？