JSFiddle - React, Tailwind, and code Playground
HTML
<div id="main">
<div id="1.6125">1.6125</div>
<div id="1.585">1.585</div>
<div id="1.60125">1.60125</div>
<div id="1.59125">1.59125</div>
<div id="1.62625">1.62625</div>
</div>
<!-- <div id="main">
<div id="dv_7">7</div>
<div id="dv_1">1</div>
<div id="dv_8">8</div>
<div id="dv_4">4</div>
<div id="dv_11">11</div>
<div id="dv_2">2</div>
</div> -->
JavaScript
var main = document.getElementById( 'main' );
[].map.call( main.children, Object ).sort( function ( a, b ) {
console.log(a.id, b.id)
console.log(+parseFloat(a.id) - +parseFloat(b.id));
return +a.id.match( /\d+/ ) - +b.id.match( /\d+/ );
}).forEach( function ( elem ) {
main.appendChild( elem );
});