JSFiddle - React, Tailwind, and code Playground

by goldfingerxyz

HTML

<div id="container"></div>

CSS

#container {border: 1px solid #900; width: 200px; height: 200px;}
#child {background-color: #009; width: 100px; height: 100px;}
.close {background-color: #FFF; color: #000;}

JavaScript

var container = $('#container'),
    child = 'child';

container.append($('<div/>',{
    'id'    : 'child'
}));

$('#' + child).append($('<a/>', {
    'class' : 'close',
    'href'  : 'javascript:;',
    html    : 'close',
    click   : function(e){
        e.preventDefault();
        $('#' + child).remove();
    }
}));