JSFiddle - React, Tailwind, and code Playground

HTML

<div id="participants_wrapper">
  <div class="participant"><a href="javascript:void(0)" class="delete_participant">X</a>already here</div>
  <div class="participant"><a href="javascript:void(0)" class="delete_participant">X</a>already here</div>
  <div class="participant"><a href="javascript:void(0)" class="delete_participant">X</a>already here</div>
</div>
<a href="javascript:void(0)" id="trigger">add this participant</a>

JavaScript

$(document).ready(function(){
	$("#trigger").click(function() {
		$("#participants_wrapper").append("<div class='participant'><a href='javascript:void(0)' class='delete_participant'>X</a>Appended</div>");
		return false;
	});

	$(".delete_participant").click(function(){
		$(this).closest('div').remove();
	});
});