JSFiddle - React, Tailwind, and code Playground

by lemon kazi

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button>Click</button>
<div class="table">
    <div class="cell" data-number="1,942">1,942</div>
    <div class="cell" data-number="42">42</div>
    <div class="cell" data-number="161">161</div>
    <div class="cell" data-number="5,382">5,382</div>
    <div class="cell" data-number="892">892</div>
    <div class="cell" data-number="4">4</div>
    <div class="cell" data-number="38">38</div>
</div>

JavaScript

$("button").click(function () {
        var divList = $(".cell");
        divList.sort(function (b, a) {
            return $(a).data("number").toString().replace(/,/g, '') - $(b).data("number").toString().replace(/,/g, '');
        });
        $(".table").html(divList);
    });