JSFiddle - React, Tailwind, and code Playground

by andrewwhitaker

HTML

<ul>
<li class="counter_d">Counter</li>
<li class="date_d">Date</li>
<li class="selector_d">Selector</li>
</ul>

<div id="description"></div>

JavaScript

$(function() {
    var selectors = {
        '.counter_d': 'Counter',
        '.selector_d': 'Selector',
        '.date_d': 'Date'
    };


    $.each(selectors, function(key, value) {
        $(key).mouseover(function() {
            $("#description").html(value);
        });
    });
});