JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<ul class="mylist" style="z-index: 1; top: 474px; left: 228px; width: 324px;" > 
 
</ul>

JavaScript

var countries = ['United States', 'Canada', 'Argentina', 'Armenia'];
var cList = $('ul.mylist');
$.each(countries, function(i)
{
    var li = $('<li/>')
        .addClass('ui-menu-item')
        .attr('role', 'menuitem')
        .appendTo(cList);
    var aaa = $('<a/>')
        .addClass('ui-all')
        .text(countries[i])
        .appendTo(li);
});