how to replace li with new ul from many li by jquery/javascript

Question

my code like,

<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>

Now I want this like below:

<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>

Answer 1

Something like this:

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