JSFiddle - React, Tailwind, and code Playground

HTML

<div id="data-10" class="data">data 10</div>
<div id="data-1" class="data">data 1</div>
<div id="data-2" class="data">data 2</div>
<p>This is the sorted element</p>
<div id="result"></div>

JavaScript

var resultSort = [];
$('.data').each(function(index) {
    var getId = $(this)[0].id;
    var splitedId = getId.split('-')[1];
    resultSort.push(splitedId);
    // sort the the array
    var sorted = resultSort.sort(function(x,y){
        return x[0] - y[0];
    });
    var div = '<div id="data-' + sorted[index] +'">data ' + sorted[index] + '</div>';
    $(div).appendTo('#result');
});