2014年编辑：问题和此回复来自2010年。当时，还没有更好的解决方案。现在，许多其他回复都更好：比如埃里克·胡（Eric Hu）的回复，或者雷·卡查（Re Capcha）的回复。

本网站似乎为您提供了一个解决方案：jQuery:outerHTML|Yelotofu

jQuery.fn.outerHTML = function(s) {
    return s
        ? this.before(s).remove()
        : jQuery("<p>").append(this.eq(0).clone()).html();
};

node.cloneNode（）几乎不像黑客。您可以克隆节点并将其附加到任何所需的父元素，也可以通过操作单个财产来操作它，而不必在其上运行正则表达式，或者将其添加到DOM中，然后在后面操作它。

也就是说，您还可以迭代元素的属性来构造元素的HTML字符串表示。如果jQuery添加一个outerHTML函数，那么很可能就是这样实现的。

你可以在这里找到一个很好的.outerHTML（）选项https://github.com/darlesson/jquery-outerhtml.

与仅返回元素的html内容的.html（）不同，此版本的.outerHTML（）返回所选元素及其html内容，或将其替换为.replaceWith（）方法，但不同之处在于，替换的html可以通过链接继承。

示例也可以在上面的URL中看到。

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

请注意，Josh的解决方案仅适用于单个元素。

可以说，“外部”HTML只有在只有一个元素时才真正有意义，但在某些情况下，将HTML元素列表并将其转换为标记是有意义的。

扩展Josh的解决方案，此解决方案将处理多个元素：

(function($) {
  $.fn.outerHTML = function() {
    var $this = $(this);
    if ($this.length>1)
      return $.map($this, function(el){ return $(el).outerHTML(); }).join('');
    return $this.clone().wrap('<div/>').parent().html();
  }
})(jQuery);

编辑：Josh的解决方案解决了另一个问题，请参见上面的评论。

使用普通JavaScript非常简单。。。

document.querySelector('#selector')