JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<!-- BEGIN: citizenship -->
    <li class="{CLASS}">{C.COUNTRY}({C.COUNTRY_ID})</li>
<!-- END: citizenship -->
</ul>

JavaScript

$xtpl = new XTemplate ('filename_with_^^^^^.html');
$countries = Сountries::GetAll();//Return array with country name and id
$highlighted = 14;//Change color or something for this country.
foreach ($countries as $row)
{
    $class = ($row['id']==$highlighted) ? 'highlighted':'';
    $xtpl->assign('CLASS', $class);
	$xtpl->assign('C', $row);
	$xtpl->parse('citizenship');
}