JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">A</div>
<div class="b">B</div>
<div class="c">C</div>
<div id="d">D</div>

CSS

div{
    padding:10px;
    border:1ps black;
}

JavaScript

var obj = {
    'a': 'content a',
    'b': 'content b',
    'c': 'content c'
};

$('.a,.b,.c').mouseover(function() {
    $('#d').html(obj[this.className]);
});