JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">
    <ul class="navigation">
    <li class="selected">a<a href="#">HOME</a></li>
    <li>b<a href="#">PROFILE></a></li>
    <li>c<a href="#">CONTACTUS</a></li>
    <li>d<a href="#">ABOATUS</a></li>
    </ul>
    </div>

CSS

li.selected
{
color:red;
}

JavaScript

$("a").click(function()
{
  $("a").parent().removeClass("selected");
               
  $(this).parent().addClass("selected");
});