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();
$('ul li').each(function(dropindex) {
var $cur = $(this);
var elementText = $(this).text();
$.each(CityList, function(index, City) {
if (elementText === City) {
$cur.show();
}
});
});