JSFiddle - React, Tailwind, and code Playground

by luizz

JavaScript

if($.fn.sortable && $.fn.disableSelection){
            
            elements.tableImagemList.sortable({
                placeholder: "item-placeholder",
                stop: numeraLista
            }).disableSelection();
        }

/* 
     * Numerar a ordem
     */
    function numeraLista(){
			elements.tableImagemList.find('.item').each(function(){
                
				var alvo = $(this);var index = (alvo.index() + 1);

				alvo.find('.numeracao').html(index + '°').end()
                    .find('input:hidden').each(function(){
                        name = this.getAttribute('name').replace(/\[([0-9]+)\]/i,"["+index+"]");
                        this.setAttribute('name', name);
                        id = this.getAttribute('id').replace(/\-([0-9]+)/i,"-"+index);
                        this.setAttribute('id', id);
                        delete id;delete name;
                    });
                    
                    id = alvo.attr('id').replace(/\-([0-9]+)/i,"-"+index);
                    alvo.attr('id', id);
			});
		}