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>

我希望在每个类=最后这个代码之后添加

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

但不可能附上这个文字.我知道了

<ul></ul> 

并不是

</ul><ul>

你能帮我解决一下我的问题.提前致谢 ;)

Answer 1

您无法拆分这样的DOM节点,您必须添加一个新<ul></ul>节点并将相关的子节点移动到它.

在旁注中,您是否考虑过根本不拆分列表而是装饰.last看起来像一个分隔符(空白区域,这是我假设您正在尝试实现的)？