Complemento de jQuery externoHTML | Programar Plus

innerHTML () es nativo y devuelve el contenido de un nodo DOM (p. ej. <span>I live inside a div.</span>. externalHTML () no lo es, lo que incluiría el nodo DOM actual (p. ej. <div><span>I live inside a div.</span></div>). Esta es una versión de jQuery que se puede encadenar.

$.fn.outerHTML = function(){
 
    // IE, Chrome & Safari will comply with the non-standard outerHTML, all others (FF) will have a fall-back for cloning
    return (!this.length) ? this : (this[0].outerHTML || (
      function(el){
          var div = document.createElement('div');
          div.appendChild(el.cloneNode(true));
          var contents = div.innerHTML;
          div = null;
          return contents;
    })(this[0]));
 
}