JSFiddle - React, Tailwind, and code Playground

by rwaldron

JavaScript

;(function (jQuery) {
    
  jQuery.each( "append clone prepend remove".split(" "), function ( idx , method ) {
    var _mutant = jQuery.fn[ method ];

    jQuery.fn[ method ] = function() {
      
      jQuery.event.trigger( method + "Complete" );
      
      return _mutant.apply( this, arguments );
    };
  });
})(jQuery);

$(function () {

  $(document).bind( "appendComplete cloneComplete prependComplete removeComplete", function (e) {
    console.log( e,  e.type );
  });  
  
  for ( var i = 0; i < 4; i++ ) {
    $("body").append("<div>" +i+ "</div>");
  }

  jQuery.each( "append prepend".split(" "), function (i, method) {
    jQuery.fn[method].call( $("body"), "<div>"+method+"</div>");
  })

  $("div").eq(2).remove();
  $("div").eq(1).clone().appendTo("body");
  $("div").eq(4).clone().appendTo("body");
  
  console.log($("div"));
});