JSFiddle - React, Tailwind, and code Playground

HTML

<div class="teste">
   Bloco 1
   <div class="limao">Sub 1</div>
   <div class="trevo">Sub 2</div>
</div>
<div class="pardo">
   Bloco 2
   <div class="teste">Sub 3</div>
   <div class="peixe">Sub 4</div>
</div>
<input type='button' value='Teste - filter' id='filterClick'>
<input type='button' value='Teste - find'   id='findClick'>
<input type='button' value='Limpar selecao' id='clearClick'>

JavaScript

$('div').css('color','blue');

   $("#clearClick").click(
      function () {
         $('div').css('color','blue');
      });
 
   $("#filterClick").click(
      function () {
         $('div').css('color','blue');
         $('div').filter('.teste').css('color','red');
      });
 
   $("#findClick").click(
      function () {
         $('div').css('color','blue');
         $('div').find('.teste').css('color','red');
      });