JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<ul id="sortable">
<li>itemA</li>
<li>itemB</li>
<li>itemC</li>
<li>itemD</li>
</ul>

JavaScript

$("#sortable").sortable({
	items: "> li"
,
	change: function(event, ui) {
  	$(".breaker").remove();
    //alert($("#sortable>li:not(.ui-sortable-helper):not(.ui-sortable-placeholder)").length);
  	$("#sortable>li:not(.ui-sortable-helper)").after("<span class='breaker'>----</span>");
    $("#sortable>span").last().remove();
	}
});