JSFiddle - React, Tailwind, and code Playground

HTML

<div class="counter_d" description="Counter">counter d</div>
<div class="selector_d" description="Selector">selector d</div>
<div class="date_d" description="Date">date d</div>
<div id="description">description</div>

CSS

div {
    background-color: green;
    margin-top: 20px;
}

JavaScript

var selectors=['.counter_d','.selector_d','.date_d'];
for(var i=0; i<selectors.length; i++)
    $(selectors[i]).mouseover(function() {
        console.log("description["+i+"]: "+description[i]);
        $('#description').html($(this).attr("description"));
    });