JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="IMG">
    <img class="Images" alt="1" />
    <img class="Images" alt="2" />
    <img class="Images" alt="3" />
</div>

<div id="ALT">
    <div class="Alts"> </div>
    <div class="Alts"> </div>
    <div class="Alts"> </div>
</div>

CSS

.Alts { float: left; }

JavaScript

$('.Images').each(function(){
    var aIndex = $(this).index();
    
    $('.Alts').eq( aIndex ).text( $(this).attr('alt') );
});