JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="gallery">
    <li><img src="http://i.imgur.com/oOhJV.png" /></li>
    <li><img src="http://i.imgur.com/oOhJV.png" /></li>
    <li><img src="http://i.imgur.com/oOhJV.png" /></li>
</ul>

<div id="buttons_list">
    
</div>

JavaScript

var i = 1;

$('.gallery img').each(function() {
    var linkToImage = "<div><a href='" + $(this).attr('src') + "' target='_blank'>Image #" + i + "</a></div>";
    $('#buttons_list').append(linkToImage);
    
    i++;
});