如何通过 jquery/javascript 用来自许多 li 的新 ul 替换 li答案

【问题标题】：how to replace li with new ul from many li by jquery/javascript如何通过 jquery/javascript 用来自许多 li 的新 ul 替换 li
【发布时间】：2015-06-16 07:24:30
【问题描述】：

我的代码，

<ul>
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
    <li id="4"></li>
    <li id="5"></li>
    <li id="6"></li>
</ul>

现在我想要这样的：

<ul>
    <li id="1"></li>
    <li id="2"></li>
    <li id="3"></li>
</ul>
<ul>
    <li id="4"></li>
    <li id="5"></li>
    <li id="6"></li>
</ul>

【问题讨论】：

总是 3 li 元素吗？你试过什么？
您只想将 3 个li 添加到ul？
jQuery split long ul list in smaller lists 的可能重复项
这个问题不清楚。

标签： jquery

【解决方案1】：

类似这样的：

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

Working Demo

【讨论】：

@user2240424：很高兴它有帮助......不要忘记接受答案:)