如何使用jQuery将元素列表包装(分组)为另一个元素? [英] How to wrap (to group) a list of elements into another element with jquery?

问题描述

我具有以下结构.

<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分组为行".一排中总是有3 li，但是行号总是不同的.

So the task is to group li into "rows". There are always 3 li in 1 row, but row number is always different.

有人知道怎么做吗?谢谢.

Does someone know, how to do this? Thanks.

推荐答案

您可以使用wrapAll做到这一点:

You can do it with wrapAll:

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

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

这篇关于如何使用jQuery将元素列表包装(分组)为另一个元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！