JSFiddle - React, Tailwind, and code Playground

by ryanbrill

HTML

<div class="ratingBlock ratingBlock1">test</div>
<div class="ratingBlock ratingBlock2">test</div>
<div class="ratingBlock ratingBlock3">test</div>
<div class="ratingBlock ratingBlock4">test</div>

CSS

div.ratingBlock {
    background: blue;
}
div.ratingBlock1,
div.ratingBlock2,
div.ratingBlock3,
div.ratingBlock4 {
    background: red;
}

JavaScript

$('div[class^=ratingBlock]').each(function() {
    this.className = this.className.replace(/\bratingBlock\S+/, '');
});