JSFiddle - React, Tailwind, and code Playground

HTML

List1:
<ul class="list1">
    <li id="qq1">1</li>
    <li id="qq2">2</li>
</ul>

List2:
<ul class="list2">
    <li id="aa2">2</li>
    <li id="aa1">1</li>
</ul>

CSS

.highlight {
    background-color: red;
}

JavaScript

$(".list1 li, .list2 li").hover(function () {
    var n = this.id.substr(2);
    $("#qq" + n + ", #aa" + n).toggleClass("highlight");
});