JSFiddle - React, Tailwind, and code Playground

HTML

<div dataindex="0" class="clstImages" id="dlstImages0"><img alt="Almond Branches in Bloom, San Remy, c.1890" title="Almond Branches in Bloom, San Remy, c.1890" src="http://imagecache5d.art.com/CropHandler/crop.jpg?img=21-2107-SA3ED00Z&amp;x=0&amp;y=0&amp;w=400&amp;h=400&amp;size=2&amp;maxw=100&amp;maxh=100&amp;mode=sq&amp;q=100" id="eachimg" > 
</div>

JavaScript

//$(document).ready(function () {
//    $('.clstImages img').mouseover(function () { 
//      alert("mouseover"); 
//    })
//    .mouseout(function () { 
//      alert("mouseout");
//    });
//}); 
$(document).ready(function () {
    
    $('.clstImages img').hover(function () { 
        alert("mouseover"); 
    }, function () { 
        alert("mouseout");
    }); 
});