JSFiddle - React, Tailwind, and code Playground

HTML

<div class="shikhar">

    <div class="a">Superman</div>
    <div class="b">Hulk</div>

</div>


<div class="shikhar">

    <div class="a">Spiderman</div>
    <div class="b">Batman</div>

</div>

CSS

.selected { 
    color:red; 
}
.highlight { 
    background:yellow; 
}

JavaScript

$(document).ready(function() {
    $('.shikhar div').click(function(e){
       e.preventDefault();
       var decide = this.className;
       alert(decide);
    
       if(decide=='a'){
           $(this).find('.b').addClass("selected");
           $(this).find('.a').addClass("highlight");
       }else{
           $(this).find('.a').addClass("selected");
           $(this).find('.b').addClass("highlight");
       }
    
    });
});