JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul{
    border:1px solid black;
}

JavaScript

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