JSFiddle - React, Tailwind, and code Playground

by mowglisanu

HTML

<ul class="someclass">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li class="splithere">Four</li>
    <li>Five</li>
    <li>Six</li>
    <li class="splithere">Seven</li>
    <li>Eight</li>
    <li>Nine</li>
</ul>

JavaScript

$('ul.someclass > li').each(function(){
    var $this = $(this);
    if ($this.hasClass('splithere')){
        var $prev = $(this).siblings(':lt('+$this.index()+')');
        if ($prev.length > 0){
            $('<ul class="someclass">').append($prev).insertBefore($this.parent());
        }
    }
});