JSFiddle - React, Tailwind, and code Playground

HTML

<div id="element">
    <img src="http://www.placehold.it/100x100" />
    <img src="http://www.placehold.it/100x100" />
    <img src="http://www.placehold.it/100x100" />
    <img src="http://www.placehold.i/100x100" />
    <img src="http://www.placehold.i/100x100" />
    <img src="http://www.placehold.it/100x100" />
    <img src="http://www.placehold.it/100x100" />
</div>

JavaScript

$(function(){
    var $element = $("#element");
    var replaceImgSrc = "http://www.placehold.it/100x100&text=replaced";
    var allImages = $element.find("img");
  
    for (var i = 0; i < allImages.length; i++) {
    	$(allImages[i]).one('error.imgerror', function () {
            console.log($(this));
    		$(this).attr("src", replaceImgSrc).addClass("not-loaded")
    	});
    }
});