JSFiddle - React, Tailwind, and code Playground

by bittu4u4ever

HTML

<div id="list">
    <div class="listing-item" data-listing-price="2">2</div>
    <div class="listing-item" data-listing-price="3">3</div>
    <div class="listing-item" data-listing-price="1">1</div>
    <div class="listing-item" data-listing-price="4">4</div>
</div>

JavaScript

var divList = $(".listing-item");
divList.sort(function(a, b){ return $(a).data("listing-price")-$(b).data("listing-price")});

$("#list").html(divList);