JSFiddle - React, Tailwind, and code Playground

by Amit Kumar

HTML

<div class="menu-123">black</div>
<div class="menu-456">black</div>
<div class="menu-789">red</div>

CSS

div {
    height: 50px;
    width: 100px;
    background: red;
}
.menu-123 {
    background: black;
}
.menu-456 {
    background: green;
}
.menu-789 {
    background: red;
}

JavaScript

$(document).ready(function () {
  $('[class^=menu-]').not('.menu-123').removeClass().addClass('menu-123');
});