JSFiddle - React, Tailwind, and code Playground

HTML

<div class="counter_d">counter_d</div>
<div class="selector_d">selector_d</div>
<div class="date_d">date_d</div>
<p>Value of "i": <span id="description">(none yet)</span></p>

JavaScript

var selectors=['.counter_d','.selector_d','.date_d'];
var description=['Counter', 'Selector', 'Date'];


for(var i=0; i<selectors.length; i++)
    $(selectors[i]).mouseover(function() {
        $('#description').html(i);
    });