JSFiddle - React, Tailwind, and code Playground
HTML
<div class="test">aaaaaa</div>
<div class="test">aaaaaa</div>
<div class="test">aaaaaa</div>
<div class="test">aaaaaa</div>
<button id="btn">Click</button>
CSS
.test{
background-color: tomato;
}
JavaScript
$('#btn').click(function(){
var guid = generateUUID();
$('.test').removeClass('test').addClass(guid);
});
function generateUUID(){
var d = new Date().getTime();
var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
var r = (d + Math.random()*16)%16 | 0;
d = Math.floor(d/16);
return (c=='x' ? r : (r&0x3|0x8)).toString(16);
});
return uuid;
};