JSFiddle - React, Tailwind, and code Playground

by samu_eyes

HTML

<div id='container'>
   <div class="imgs" data-image-id='1'>1</div>
   <div class="imgs" data-image-id='2'>2</div>
   <div class="imgs" data-image-id='3'>3</div>
</div>

JavaScript

var myArray = [2,3, 1];
var elArray = [];

$('.imgs').each(function() {
//console.log($(this).data('image-id'));

    elArray[$(this).data('image-id')] = $(this);
});
myArray.sort(function(a, b){return b-a});
console.log(myArray);
//console.log(myArray.reverse());

$.each(myArray,function(index,value){
   $('#container').append(elArray[value]); 
});