JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="btnGenSpan" value="Generate More Item" /><br /><br />
<div id="div_container">
  <span>Default Item-01 <a href='?delete=111' class='delete_item'>X</a></span><br />
  <span>Default Item-02 <a href='?delete=112' class='delete_item'>X</a></span><br />
</div>

JavaScript

$(document).ready(function() {  
  $('#btnGenSpan').on('click', function(e) {
    $("#div_container").html($("#div_container").html()+
			"<span>Item-01 <a href='?delete=1' class='delete_item'>X</a></span><br />");
  });
  
  $('#div_container').on('click','a.delete_item', function(e) {
	alert('delete clicked');
	return false;
  });
});