JSFiddle - React, Tailwind, and code Playground

by anurag

HTML

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
    <li>item 5</li>
    <li>item 6</li>
    <li>item 7</li>
    <li>item 8</li>
    <li>item 9</li>
    <li>item 10</li>
</ul>

CSS

ul {
    margin: 10px;
    padding: 10px;
    background-color: #CCC;
}

JavaScript

$('ul :nth-child(3n)').each(function() {
    $(this).parent().after($(this).nextAll().wrapAll('<ul/>').parent())
})