JSFiddle - React, Tailwind, and code Playground
HTML
<div id="mydiv">
<p><a href="a.html" class="mdialog" name="mine" title="mine" >existing link</a></p>
<button>Insert a new paragraph with anchor element after this button</button>
</div>
JavaScript
$("button").click(function(){
$('<a href="a.html" class="mdialog" name="mine" title="mine" >new link</a>').insertAfter("button");
});
$("#mydiv").on("click",".mdialog",function(){
alert("I'm clicked"); // li
return false;
});