JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="sortable" class="ui-sortable">
    <li class="ui-state-default">
        <img id="aImg" alt="sortable image" src="images/a.jpg" />
    </li>
    <li class="ui-state-default">
        <img id="bImg" alt="sortable image" src="images/b.jpg" />
    </li>
    <li class="ui-state-default">
        <img id="cImg" alt="sortable image" src="images/c.jpg" />
    </li>
</ul>

JavaScript

var files = $('#sortable img').map(function(){
   return this.src.split('/').pop();
}).get();

console.log(files)