将子元素平均包装成2个div

Question

我有这样的HTML代码:

<li>one</li>
<li>two</li>
<li>era</li>
<li>jeu</li>
<li>iuu</li>
<li>iij</li>
<li>emu</li>
<li>our</li>

我需要将它们平均分为2个元素(如果总数为11,则需要5:6),如下所示:

<ul>
    <li>one</li>
    <li>two</li>
    <li>era</li>
    <li>jeu</li>
</ul>
<ul>
    <li>iuu</li>
    <li>iij</li>
    <li>emu</li>
    <li>our</li>
</ul>

这应该适用于任何数量<li>的.你能用jQuery建议一个优雅的解决方案吗？

Answer 1

var $li = $('li'),
    half = Math.floor($li.length/2);

$li.filter(function(i){ return i < half; }).wrapAll('<ul>');
$li.filter(function(i){ return i >= half; }).wrapAll('<ul>');

演示