又短又甜。

[].reduce($('.x'), function(i,v) {return i+v.outerHTML}, '')

或借助箭头功能更甜蜜的事件

[].reduce.call($('.x'), (i,v) => i+v.outerHTML, '')

或者根本没有jQuery

[].reduce.call(document.querySelectorAll('.x'), (i,v) => i+v.outerHTML, '')

或者如果你不喜欢这种方法，检查一下

$('.x').get().reduce((i,v) => i+v.outerHTML, '')

请注意，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的解决方案解决了另一个问题，请参见上面的评论。

我同意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;
    }
};

你也可以这样做

document.getElementById(id).outerHTML

其中id是要查找的元素的id

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

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

$("#myTable").parent().html();

也许我没有正确理解您的问题，但这将获得所选元素的父元素的html。

这就是你想要的吗？