JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div style="z-index: 1;">1b</div>
    <div style="z-index: 10;">10</div>
    <div style="z-index: 3;">3a</div>
    <div style="z-index: 5;">5b</div>
    <div style="z-index: 7;">7</div>
    <div style="z-index: 2;">2</div>
    <div style="z-index: 3;">3b</div>
    <div style="z-index: 5;">5a</div>
    <div style="z-index: 1;">1a</div>
</div>

CSS

.container div{
    position:relative;
    
}

JavaScript

$(".container div").sort(sort_li).appendTo('.container');
function sort_li(a, b){
    return (parseInt(a.style.zIndex,10)) > (parseInt(b.style.zIndex,10)) 
}