JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="foo_menu">
    <li><a href="/fooA" class="fooa qtipmenu menucolor" id="foo_A">test1</a></li>
    <li><a href="/fooB" class="foob qtipmenu" id="foo_B">test2</a></li>
    <li><a href="/fooB" class="fooc qtipmenu" id="foo_C">test3</a></li>
</ul>

CSS

#menu li a.fooa {
    background-image: url(/images/foo_a.png);
    height: 20px;
    width: 20px;
}

.menucolor {color:red;} /* for debugging only, disregard */

JavaScript

$('#foo_menu li a').click(function(e){  
    $('.menucolor').removeClass('menucolor');
    $(this).addClass('menucolor');
    e.preventDefault(); /* for debugging only, disregard */
});