JSFiddle - React, Tailwind, and code Playground

HTML

<div id="blah"> </div>
<div id="blah2"> </div>

CSS

div{
    background:#ccc;
    border:1px solid #333;
    width:100px;
    height:100px;
    margin:2px;
}

.blahhover, #blah:hover{
    background:red;
}

.blah2hover, #blah2:hover{
    background:blue;
}

JavaScript

$(function(){
    $('div').each(function(i,el) { $(el).addClass($(el).attr("id") + "hover"); });
    //make both divs hover classes active
});