JSFiddle - React, Tailwind, and code Playground

by moneisa123

HTML

<button class="innerbox_contatos_search">GO!</button>

<div class="info-part">
    <a>Lúcio</a>
    <a>André</a>
    <a>Wallace</a>
    <a>Vitor</a>
</div>

CSS

a{
    display:block
    
}

.ativo-1 { color:red; }
.ativo-2 { color:blue; }
.ativo-3 { color:pink; }
.ativo-4 { color:green; }

JavaScript

$('.innerbox_contatos_search').click(function(){
    $('.info-part').find('a').addClass('ativo');
 		$('.info-part a').addClass('ativo');
    i=1;
    $(".ativo").each(function() { 
    		$(this).addClass("ativo-"+i);
        console.log($('a.ativo-'+i).text());
        i++;
  });
});