JSFiddle - React, Tailwind, and code Playground

by gubhaju

HTML

<div class="image"><img src="useThis1"/></div>
<div class="image"><img src="useThis2"/></div>
<div class="image"><img src="useThis3"/></div>
<div class="image"><img src="useThis4"/></div>
<div class="image"><img src="useThis5"/></div>
a
<div id="contentA">
<ul>
<li><img id="item1" src="toReplaceThis"></li>
<li><img id="item2" src="toReplaceThis"></li>
<li><img id="item3" src="toReplaceThis"></li>
<li><img id="item4" src="toReplaceThis"></li>
<li><img id="item5" src="toReplaceThis"></li>
</ul>
</div>

JavaScript

$(document).ready(function(){
    $('div.image').each(function(index){
        $('#contentA ul li').eq(index).children(' img').attr('src',$('img',this).attr('src'))
    })

})