JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="filter">
                <li><a href="#" title="" class="current">recent</a></li>
                <li><a href="#" title="">top popularity</a></li>
                <li><a href="#" title="">top commented</a></li>
                <li><a href="#" title="">other ...</a></li>

            </ul>

JavaScript

$(".filter > li a").not(".current").on('click', function(){
           if(!$(this).hasClass("current")) {
               $(".filter").find("a.current").removeClass("current");
               $(this).addClass("current");
               alert($(this).html());
           }
       });