JSFiddle - React, Tailwind, and code Playground

by Anirudh Tewathia

HTML

<ul id="bigList">
    <li>item-01</li>
    <li>item-02</li>
    <li>item-03</li>
    <li>item-04</li>
    <li>item-05</li>
    <li>item-06</li>
    <li>item-07</li>
    <li>item-08</li>
    <li>item-09</li>
    <li>item-10</li>
    <li>item-11</li>
    <li>item-12</li>
    <li>item-13</li>
    <li>item-14</li>
    <li>item-15</li>
    <li>item-16</li>
    <li>item-17</li>
    <li>item-18</li>
    <li>item-19</li>
    <li>item-20</li>
    <li>item-21</li>
    <li>item-22</li>
    <li>item-23</li>
    <li>item-24</li>
    <li>item-25</li>
    <li>item-26</li>
    <li>item-27</li>
    <li>item-28</li>
    <li>item-29</li>
    <li>item-30</li>
    <li>item-31</li>
    <li>item-32</li>
    <li>item-33</li>
    <li>item-34</li>
    <li>item-35</li>
    <li>item-36</li>
    <li>item-37</li>
    <li>item-38</li>
    <li>item-39</li>
    <li>item-40</li>
    <li>item-41</li>
    <li>item-42</li>
    <li>item-43</li>
    <li>item-44</li>
    <li>item-45</li>
    <li>item-46</li>
    <li>item-47</li>
    <li>item-48</li>
    <li>item-49</li>
    <li>item-50</li>
</ul>
<div class="popover-content">Popover</div>

JavaScript

var $bigList = $('#bigList'),
     group;
 while ((group = $bigList.find('li:lt(20)').remove()).length) {
     var $listCol = $('<div class="listCol">').appendTo('.popover-content');
     $('<ul>').append(group).appendTo($listCol);
 }