JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ul1" style="">
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
    <li><a href="#"><span>Adidas</span></a>
    </li>
    <li><a href="#"><span>jason markk</span></a>
    </li>
</ul>

JavaScript

var n = 5;
var uls = $("#ul1 li").length / n;
for (i = 0; i < uls; i++) {
    var newUl = $("<ul/>", { id: "ul" + (i + 2) });
    $("ul").eq(i).after(newUl);
    newUl.append(newUl.prev().find("li:gt(" + (n - 1) + ")"));

}