JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav">
    <li data-element="red">Red</li>
    <li data-element="blue">Blue</li>
</ul>

CSS

.red {
    background:red;
}

.blue {
    background:blue;
}

JavaScript

$('#nav li').hover(
    function() {
        $(this).parent().addClass($(this).data('element'));
    },
    function() {
        $(this).parent().removeClass($(this).data('element'));
    }
);