JSFiddle - React, Tailwind, and code Playground

HTML

<button data-sort="0">Sort by Price:</button><br>
<div class="clist">
    <div data-sid=1> Price 1 <br>  Name:  item 1 <hr></div>
    <div data-sid=4>Price 4 <br> Name:  item 4 <hr></div>
    <div data-sid=3>Price 3 <br> Name:  item 3<hr></div>
    <div data-sid=1>Price 1 <br> Name:  item 1<hr></div>
    <div data-sid=4>Price 4 <br> Name:  item 4<hr></div>
    <div data-sid=2>Price 2 <br> Name:  item 2<hr></div>
    <div data-sid=1>Price 1 <br> Name:  item 3<hr></div>
</div>

JavaScript

$(document).ready(function(){
    $('button').on('click', function(){
        var s = $(this).data('sort'); console.log(s);
        if(s === 0){
            $(this).data('sort', 1);
            $('.clist div').sort(function(a,b){
               return a.dataset.sid < b.dataset.sid
            }).appendTo('.clist')            
        }else{
            $(this).data('sort', 0);
            $('.clist div').sort(function(a,b){
               return a.dataset.sid > b.dataset.sid
            }).appendTo('.clist')
        }
    });
});