JSFiddle - React, Tailwind, and code Playground

by adamh

HTML

<div id="1">
    <img data-filename="Vista (92).png" src="http://placehold.it/10x10"/>
    <img data-filename="Vista (81).png" src="http://placehold.it/10x10"/>
    <img data-filename="Vista (93).png" src="http://placehold.it/10x10"/>
    <img data-filename="Vista (83).png" src="http://placehold.it/10x10"/>
    <img data-filename="Vista (82).png" src="http://placehold.it/10x10"/>
    <img data-filename="Vista (95).png" src="http://placehold.it/10x10"/>
    <img data-filename="Vista (86).png" src="http://placehold.it/10x10"/>
</div>
<div id="2"></div>

JavaScript

$('div#1 img').sort(function (a, b)
{
    return a.dataset.filename > b.dataset.filename;
}).appendTo('div#2');