JSFiddle - React, Tailwind, and code Playground

HTML

<div class="default active"><a href="#">Text 1</a></div>
<div class="default"><a href="#">Text 2</a></div>
<div class="default"><a href="#">Text 3</a></div>

CSS

.default a{
    color: red;
}
.active a {
    color: green;
}

JavaScript

$('.default').on('click', function() {
    
    // Remove all active classes
    $('.default').removeClass('active');
    
    // Add an active class on the clicked element
    $(this).addClass('active');
    
});