JSFiddle - React, Tailwind, and code Playground

by Bondt

HTML

<ul>
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
</ul>
<button onclick="return addNewItem();">Add new</button>

JavaScript

function addNewItem() {
    $("ul").append("<li><a href=\"#\">Item " + ($("ul li").length+1) + "</a></li>");
}
// dirty live() call here
$("ul a").live("click", function(e) {
    e.preventDefault();
    alert($(this).html());
});