JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="gallery">
    <li><img src="example.png" /></li>
    <li><img src="example.png" /></li>
    <li><img src="example.png" /></li>
</ul>

JavaScript

var names = ['One', 'Two', 'Three'];
$('.gallery li').each(function(i, el) {

    var oldHtml = $(this).html();
    $(this).empty().html('<a href="#">Button '+names[i]+'</a>');
   
    
});