JSFiddle - React, Tailwind, and code Playground

HTML

<a id="AB" href="" class="divone marker"><span>This is ab</span></a>
    <a id="ABA" href="" class="divtwo marker"><span>This is aba</span></a>
    <a id="ABAB" href="" class="divthree marker"><span>This is abab</span></a>
<div id="container">
<div id="divone">div1</div>
<div id="divtwo">div2</div>
<div id="divthree">div3</div>
<div>

CSS

.active{
    color: red;
}

JavaScript

$('#container > div').on('mouseenter', function(){
    var $el = $('.' + $(this).attr('id'));
    $el.addClass('active');
});
$('#container > div').on('mouseleave ', function(){
    var $el = $('.' + $(this).attr('id'));
    $el.removeClass('active');
});