JSFiddle - React, Tailwind, and code Playground

by denniswaltermartinez

HTML

<button id="create">Cria</button>
    <div id="main">
        <div class="box">
            <a class="del-btn" href="#">Delete</a>
        </div>
</div>

JavaScript

var box = {

    create: function() {
        var box = $('<div class="box">');
        var delBtn = $('<a class="del-btn" href="#">Delete</a>');
        box.appendTo('#main');
        delBtn.appendTo(box);
    },

    destroy: function(elem) {
        elem.fadeOut();
    }

}

function deleteBox() {

}

$(function() {
    $('#create').click(function() {
        box.create();
    });

    $('#main').on('click', '.del-btn', function() {
        var elem = $(this).parent();
        box.destroy(elem);
        return false;
    });
});