JSFiddle - React, Tailwind, and code Playground

by j08691

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

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

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