JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    
    <li><a href="" class="js-btn">One</a></li>
    <li><a href="" class="js-btn">Two</a></li>
    <li><a href="" class="js-btn">Three</a></li>
    <li><a href="" class="js-btn">Four</a></li>
    <li><a href="" class="js-btn">Five</a></li>
    
</ul>

CSS

li{
    display: inline;
}

a{
    background: red;
    color: white;
    display: inline-block;
    padding: 10px;
    text-decoration: none;
}

.js-btn-selected {
    background: aqua;
}

JavaScript

$(function(){
	$('.js-btn').on('click', function(){
        $('.js-btn').removeClass('js-btn-selected');
        $(this).addClass('js-btn-selected');
        
        return false;
    })
})