CODEWITHSUNDEEP
jquery
nim
nim

Reputation: 507

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

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>

Upvotes: 0

Views: 80

Answers (1)

Milind Anantwar
Milind Anantwar

Reputation: 82241

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

Upvotes: 2

Related Questions