JSFiddle - React, Tailwind, and code Playground

by geirby

HTML

<div class="added">
    <div class='remove-timework'> DDDDDDDDDD </div>
    <div class='add-timework'> DDDDDDDDDD </div>
</div>

JavaScript

var AdminProto = {
    delegateEvents: function(events) {
        if (!(events || (events = this.isResult(this, 'events')))) return;
        var pattern = /^(\S+)\s*(.*)$/;
        for (var key in events) {
            var method = events[key];
            if (!$.isFunction(method)) {
                method = this[events[key]];
            }
            if (!method) {
                continue;
            }
            var match = key.match(pattern);
            this.on(match[1], match[2], method)
        }
    },
    isResult: function(object, property, fallback) {
        var value = object == null ? void 0 : object[property];
        if (value === void 0) {
            value = fallback;
        }
        return $.isFunction(value) ? value.call(object) : value;
    }
};
var Added = AdminProto;
Added.events = {
    'click .remove-timework':  function(e){
        var elem = $(this);
        elem.parent().remove();
    }
}
$.extend(Added, $('.added'));
Added.delegateEvents();