如何使用jquery将元素列表包装(分组)到另一个元素中？

Question

我有以下结构.

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>

我可以将其转换为:

<uL>
    <li></li>
    <li></li>
    <li></li>
</ul
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

所以任务是将li分组为"行".1行总共有3个li,但行号总是不同.

有人知道,怎么做？谢谢.

Answer 1

你可以这样做wrapAll:

var a = $('li');
do $(a.slice(0,3)).wrapAll('<ul />');   
while((a = a.slice(3)).length>0)

示例:http://jsfiddle.net/niklasvh/mZr4h/