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/

Answer 2

var i, num = 3, $ul = $('#ul'), $li = $('#ul > li');
for (i=0;i<$li.length;i+=num) {
    $li.slice(i,i+num).wrapAll('<ul />');
}
$ul.find('> ul').unwrap();

http://jsfiddle.net/Q2bYz/

Answer 3

.wrap() api就是你要找的东西

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

3 个答案: