JSFiddle - React, Tailwind, and code Playground

by cadence96

HTML

<ul id="zoo">
  <li class="animal">
      Cat     
  </li>
  <li class="animal">
       Dog
  </div>
   <li class="animal">
       Rat
  </li>
  <li class="animal">
       Lion 
  </li>
  <li class="animal">
      Bird    
  </li>
  <li class="animal">
      Elephant
  </li>
  <li class="animal">
      Serpent
  </li>
</ul>
      
<ul id="pets">
  <li class="bought">
    Cat
  </li>
    
  <li class="bought">
    Lion
  </li>
    
  <li class="bought">
    Elephant
  </li>
    
</ul>

JavaScript

$('#pets li').each(function() {
    $('.animal:contains(' + $(this).text()  + ')').css('color','orange')
    
    
});