JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>first</li>
<li>second</li>
<li>third</li>
<li>4th</li>
<li>5th</li>
<li>6th</li>
</ul>JavaScript
var li = $('li');
$('ul').remove();
var leftLi = li.filter(':first').detach();
var rightLi = li.filter(':not(:first)').detach();
leftLi.appendTo($('body')).wrap('<ul></ul>').wrap('<div></div>');
rightLi.appendTo($('body')).wrapAll('<ul></ul>').wrap('<div></div>');