JSFiddle - React, Tailwind, and code Playground

HTML

<tr>
 <td>
  <a href="#" class="linkbold">Basic2</a>
 </td>
</tr>
<tr>
 <td>
  <a href="#" class="linkbold">Basic3</a>
 </td>
</tr>
<tr>
 <td>
  <a href="#" class="linkbold">Basic4</a>
 </td>
</tr>

CSS

.linkbold{ color:#0066FF; font-family:Tahoma; font-size:11px; text-decoration:none; font-weight:bold !important; }
.active { color: red; }
.visited { color: green; }

JavaScript

$('a.linkbold').on('click', function(){
    $('a.linkbold').removeClass('active');
    $(this).addClass('visited');
});