JSFiddle - React, Tailwind, and code Playground

by cahnory

HTML

<button id="append">Append</button>
<button id="prepend">Prepend</button>
<div id="preview">
    preview
</div>

JavaScript

var methods, replaceMethod, i;

methods = {
    append: function (original, args) {
        alert('I am the new append method');
        return original.apply(this, args);
    },
    prepend: function (original, args) {
        alert('I am the new prepend method');
        return original.apply(this, args);
    }
};

replaceMethod = function (on, name, method) {
    var original = on[name];
    on[name] = function () {
        return method.call(this, original, arguments);
    }
}

for (i in methods) {
    if (methods.hasOwnProperty(i)) {
        replaceMethod(jQuery.fn, i, methods[i]);
    }
}

$('#append').on('click', function () {
    $('#preview').append('<div>append</div>');
});
$('#prepend').on('click', function () {
    $('#preview').prepend('<div>prepend</div>');
});