JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sample" class="color1 orange color2 color3 blue"></div>
<button id="btn">click!</button>

JavaScript

// we want to remove all the classes that starts with "color" (e.g: color1, color2)
$("#btn").on('click', function() {
    var allClass = $("#sample").attr("class");
    $("#sample").attr("class", "");
    var classArr = allClass.split(" ")
    for(var i = 0; i < classArr.length; i ++) {
        if(classArr[i].substr(0, 5) != "color") {
            $("#sample").addClass(classArr[i]);
        }
    }
});