另一个类似的解决方案添加了临时DOM对象的remove（）。

// no cloning necessary    
var x = $('#xxx').wrapAll('<div></div>').parent().html(); 
alert(x);

在这里摆弄：http://jsfiddle.net/ezmilhouse/Mv76a/

我使用了Jessica更新的Volomike解决方案。只是添加了一个检查以查看元素是否存在，并使其返回空白以防不存在。

jQuery.fn.outerHTML = function() {
return $(this).length > 0 ? $(this).clone().wrap('<div />').parent().html() : '';
};

当然，可以这样使用：

$('table#buttons').outerHTML();

这对于更改dom上的元素非常有用，但在将html字符串传递到jquery时不适用，如下所示：

$('<div id="foo">Some <span id="blog">content</span></div>').find('#blog').outerHTML();

经过一些操作后，我创建了一个函数，该函数允许以上内容在ie中用于html字符串：

$.fn.htmlStringOuterHTML = function() {     
    this.parent().find(this).wrap('<div/>');        
    return this.parent().html();
};

我同意Arpan的观点（2010年12月13日5:59）。

他的做法实际上是更好的做法，因为你不用克隆。如果您有子元素，克隆方法非常耗时，而且其他人似乎都不关心IE是否具有outerHTML属性（是的，IE实际上有一些有用的技巧）。

但我可能会创作一个有点不同的剧本：

$.fn.outerHTML = function() {
    var $t = $(this);
    if ($t[0].outerHTML !== undefined) {
        return $t[0].outerHTML;
    } else {
        var content = $t.wrap('<div/>').parent().html();
        $t.unwrap();
        return content;
    }
};

这里有一个非常优化的jquery outerHTML插件：(http://jsperf.com/outerhtml-vs-jquery-clone-hack/5=>其他两个快速代码片段与FF等浏览器不兼容（11）

(function($) {

  var DIV = document.createElement("div"),
      outerHTML;

  if ('outerHTML' in DIV) {
    outerHTML = function(node) {
      return node.outerHTML;
    };
  } else {
    outerHTML = function(node) {
      var div = DIV.cloneNode();
      div.appendChild(node.cloneNode(true));
      return div.innerHTML;
    };
  }

  $.fn.outerHTML = function() {
    return this.length ? outerHTML(this[0]) : void(0);
  };

})(jQuery);

@安迪E=>我不同意你的看法。outerHMTL不需要getter和setter：jQuery已经给了我们'replaceWith'。。。

@mindsplay=>为什么要加入所有outerHTML？jquery.html只返回FIRST元素的html内容。

（抱歉，没有足够的声誉来撰写评论）