JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="pi_div3">
      Div 3
    </div>  
    <div id="pi_div2">
      Div 2
    </div>
    <div id="pi_div1">
      Div 1
    </div>
    <div id="pi_div6">
      Div 6
    </div>
    <div id="pi_div5">
      Div 5
    </div>
    <div id="pi_div4">
      Div 4
    </div>
</div>

JavaScript

$('div[id^="pi_div"]').sort(function (a, b) {
    var re = /[^\d]/g;
    return ~~a.id.replace(re, '') > ~~b.id.replace(re, '');
})
.appendTo("#container");