JSFiddle - React, Tailwind, and code Playground

by dhana36

HTML

<div class="clist">
    <div data-sid=1>1</div>
    <div data-sid=4>4</div>
    <div data-sid=3>3</div>
    <div data-sid=1>1</div>
    <div data-sid=4>4</div>
    <div data-sid=2>2</div>
    <div data-sid=1>1</div>
</div>

CSS

span {
   background-color: red;
   display: block;
   width: 100px;
   height: 100px    
}

JavaScript

$('.clist div').sort(function(a,b){
   return a.dataset.sid > b.dataset.sid
}).appendTo('.clist')