JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="delegated">
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>

<ul id="nondelegated">
  <li>one</li>
  <li>two</li>
  <li>three</li>
</ul>

JavaScript

$(function () {
  $("#delegated").on("click", "li", function () {
    $("#delegated").append("<li>dynamic</li>");
  });
  $("#nondelegated li").on("click", function () {
    $("#nondelegated").append("<li>dynamic</li>");
  });
});