JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>hello</li>
    <li>good bye</li>
    <li>arrivederci</li>
    <li class="selected">dude</li>
    <li>whatever</li>
</ul>

CSS

.selected {
    color: red;
}

JavaScript

$('ul > li').mouseenter(function () {
    $(this).addClass('selected').siblings().removeClass('selected');
});