JSFiddle - React, Tailwind, and code Playground

HTML

<!-- <div id="mydiv">
 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
</div> -->

<ul id="mydiv">
 <li>1</li>
 <li>2</li>
 <li>3</li>
 <li>4</li>
</ul>

CSS

ul{padding:20px;}

JavaScript

var subsequentDiv = $('</ul>');
var unsubsequentDiv = $('<ul>');

//subsequentDiv.insertAfter('#mydiv div:eq(0)');
//subsequentDiv.insertAfter('#mydiv li:lt(1)');
subsequentDiv.insertAfter('#mydiv li:nth-child(even)');
unsubsequentDiv.insertAfter('#mydiv li:nth-child(odd):not(:first-child)');


//subsequentDiv.insertAfter('#mydiv div:contains("1")');