JSFiddle - React, Tailwind, and code Playground

HTML

<div id="txm_left_column">
    <div class="id">
        <h2>80</h2>
        <div>// another list for name 80</div>
    </div>
    <div class="id">
        <h2>80</h2>
        <div>// another list for name 80</div>
    </div>
    <div class="id">
        <h2>81</h2>
        <div>// another list for name 81</div>
    </div>
    <div class="id">
        <h2>100</h2>
        <div>// another list for name 100</div>
    </div>
    <div class="id">
        <h2>100</h2>
        <div>// another list for name 100</div>
    </div>
</div>

JavaScript

jQuery("#txm_left_column > div").sort(function(a, b) {
    var upA = jQuery('h2', a).text().toUpperCase();
    var upB = jQuery('h2', b).text().toUpperCase();
    return upA < upB;
}).appendTo('#txm_left_column');