JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Paris</li>
  <li>London</li>
  <li>Puntarenas</li>
  <li>Lisbon</li>
  <li>Balochistan</li>
  <li>Bonn</li>
  <li>Helsinki</li>
  <li>Moscow</li>
  <li>San Jose</li>
  <li>Paris</li>
  <li>Madrid</li>
  <li>Rome</li>
</ul>

JavaScript

var CityList = ["San Jose", "Alajuela", "Caldera", "Puntarenas", "Sisak-Moslavina", "Dalmatia", "", "Thatta", "Sindh", "Punjab", "Islamabad", "Balochistan", "Karachi"];

$("ul li").hide()

var elementText = "";
$.each(CityList, function(index, City) {

  $('ul li').each(function(dropindex) {
    elementText = $("ul li:eq(" + dropindex + ")").text()

    if (elementText === City) {
      $("ul li:eq(" + dropindex + ")").show();
      return false;
    }
  });

});