JSFiddle - React, Tailwind, and code Playground

by Benahmed Taoufiq

HTML

<div class="categories">

</div>

CSS

li {
  cursor: pointer
}

JavaScript

$(document).ready(function() {
  Obj = $("<ul>" +
    "<li id='1'>Num1</li>" +
    "<li id='2'>Num2</li>" +
    "<li id='3'>Num3</li>" +
    "<li id='4'>Num4</li>" +
    "</ul>");
  Obj.appendTo(".categories");
  $(".categories").on("click", "ul li", function() {
    var id = $(this).attr("id");
    alert(id);
  });
});