jQuery将“关闭和打开”容器添加到拆分列表

Question

我正在尝试通过jQuery 拆分列表。我需要修复，否则导航会使我的主题崩溃。

这是我的代码，我已经尝试了几种方法，例如 append、after 和 insertAfter。 问题是jQuery总是以正确的顺序添加关闭和重新打开标签，但我需要它的另一种方式：

<ul>
<li>link here</li>
<li>link here</li>
<li>link here</li>
<li>link here</li>
</ul>

这就是我想要的：

<ul>
<li>link here</li>
<li>link here</li>
</ul><ul>
<li>link here</li>
<li>link here</li>
</ul>

这是我目前的代码：

var thirdLevelNavigation = $('ul.sub-menu').clone();
var countItems = 0;
thirdLevelNavigation.children('li').each(function() {                                       
    if(countItems == 5) {
        // heres the trouble-maker
        $('</ul><ul class="sub-menu">').insertAfter(this);
        countItems = 0;
    }                                       
    countItems++;                               
});                                 
thirdLevelNavigation.appendTo('.menu-main-container');

（它是多维 wordpress 导航的子导航调整）

TIA！

Answer 1

var ul = $('ul');
var items= ul.children();
for (var i= 0; i<items.length-2; i+= 2)
    items.slice(i, i+2).appendTo( $('<ul>').insertBefore(ul) );

Live Demo