JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="https://rawgithub.com/ifnot/PopConfirm/master/jquery.popconfirm.js"></script>
<ul></ul>

<button>load ajax</button>

CSS

button {
  margin: 25px;
}

button:nth-child(even) {
  background: #c00;
}

JavaScript

$('button').on('click', function() {
  var request = $.ajax({
    url: "/echo/html/",
    method: "POST",
    data: { html: "<li>Text echoed back to request <button class='delete'>verwijder</button></li><li>Text echoed back to request<button class='delete'>verwijder</button></li>" },
  });

  request.done(function(data) {
    $("ul").html(data);
    
    $('.delete').on('click', function() {
    	$(this).parents('li').css('backgroundColor', 'red');
    });
    $('.delete').popConfirm();
  });

})