JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<div id="daddy">
    <div id="kiddo">click</div>
</div>
<button type="button">Replace the blue div</button>

CSS

#daddy { padding: 50px; background-color: black; }
#kiddo { border: 5px solid white; background-color: blue; padding: 50px; cursor: pointer; }
#kiddo.replaced { background-color: #57a; }

JavaScript

$('#daddy').on('click', '#kiddo', function(){
    alert('bound to #daddy');
});

$('#kiddo').on('click', function(){
    alert('bound to #kiddo');
});

$('button').click(function(){
    $('#kiddo').replaceWith('<div id="kiddo" class="replaced">I been clicked</div>');
});