JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li ><a href="URL" >Main Link</a>
         <ul class="sub-menu">
             <li class="child"><a href="URL" >Link</a></li>
         </ul>
    </li>
</ul>

CSS

.parent
{
    background-color:red;
}

JavaScript

$(".child").hover(
    function(){
        $(this).parent().parent().addClass("parent");
    },
    function(){
        $(this).parent().parent().removeClass("parent");
    }
);