JSFiddle - React, Tailwind, and code Playground
CSS
.previous-image {
color: #ff0000;
}
JavaScript
var first_img = $("body").find("div").first();
first_img.on("DOMAttrModified", function (e) {
if (e.originalEvent.attrName === "class") {
console.log("##DOMAttrModified, class changed");
if ($(this).hasClass("current-image")) {
console.log("##Element has 'current-image' class, changing");
$(this).removeClass().addClass("previous-image");
}
}
});
setTimeout(function () {
first_img.addClass("current-image");
}, 1000);