JSFiddle - React, Tailwind, and code Playground

by Aaron Zhang

HTML

<h4 class="class1 class2 class3 do-not-remove do-not-remove2 do-not-remove3">abcdefg</h4>
<h4 class="class1 class2 class3 do-not-remove do-not-remove2 do-not-remove3">hijklmn</h4>

CSS

.do-not-remove{
    color:red;
}
.class1, .class2, .class3{
    color:green !important
}

JavaScript

$('h4[class*="class"]').each(function(){
    regx = /^class.*/;
    resultClasses = [];
    $.each($(this).attr('class').split(" "),function(){
        if(!regx.exec(this)){
            resultClasses.push(this); 
        }
    });
    $(this).attr('class',resultClasses.join(" "));
});