JSFiddle - React, Tailwind, and code Playground

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

var contacts = $('div.clist'), cont = contacts.children('div');

cont.detach().sort(function(a, b) {
            var astts = $(a).data('sid');
            var bstts = $(b).data('sid')
            //return astts - bstts;
            return (astts > bstts) ? (astts > bstts) ? 1 : 0 : -1;
        });

contacts.append(cont);