JSFiddle - React, Tailwind, and code Playground

by arielblues

HTML

<ul id="sortable">
    <li id="item-1" class="">Item 1</li><span>sortor4der:</span>
    <li id="item-2" class="">Item 2</li><span>sortorder</span>
</ul>
Query string: <span></span>

JavaScript

$(document).ready(function () {
    $('ul').sortable({
        axis: 'y',
        stop: function (event, ui) {
	        var data = $(this).sortable('serialize');
          
          $('span').each( obj, function( key, value ) {
  text(data);
});
          
            $('span').text(data);
            /*$.ajax({
                    data: oData,
                type: 'POST',
                url: '/your/url/here'
            });*/
	}
    });
});