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-3" class="data">data 3</div>
<div id="data-2" class="data">data 2</div>
<div id="data-4" class="data">data 4</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(a,b){
        return b - a;
    });

for ( var i = 0; i < sorted.length; i ++ ) {
    var div = '<div id="data-' + sorted[i] +'">data ' + sorted[i] + '</div>';
    $(div).appendTo('#result');
}