JSFiddle - React, Tailwind, and code Playground

by Roberto Salemi

HTML

<div id="filterList"></div>

JavaScript

var listTiles = ['ITEM 1', 'ITEM 2', 'ITEM 3'];

function dynamicListFilter() {
    var ObjUl = $('<ul></ul>');
    for (i = 0; i < listTiles.length; i++) {
        var Objli = $('<li></li>');

        ObjUl.addClass("ui-menu-item");
        ObjUl.attr("role", "menuitem");

        Objli.addClass("ui-all");
        Objli.attr("tabindex", "-1");

        //Objli.text("<input type=\"checkbox\" name=\"" + listTiles[i] + "\" class=\"filterLayerShowHide\" />" + listTiles[i]);
        Objli.append($('<input/>').attr({
            type: 'checkbox',
            name: listTiles[i]
        }).addClass("filterLayerShowHide"));
        Objli.append(listTiles[i]);

        ObjUl.append(Objli);
    }
    $('#filterList').append(ObjUl);
}

dynamicListFilter();