我相信目前（2012年5月1日），所有主流浏览器都支持outerHTML功能。在我看来，这段话就足够了。我个人会选择记住这一点：

// Gives you the DOM element without the outside wrapper you want
$('.classSelector').html()

// Gives you the outside wrapper as well only for the first element
$('.classSelector')[0].outerHTML

// Gives you the outer HTML for all the selected elements
var html = '';
$('.classSelector').each(function () {
    html += this.outerHTML;
});

//Or if you need a one liner for the previous code
$('.classSelector').get().map(function(v){return v.outerHTML}).join('');

编辑：element.outerHTML的基本支持统计信息

火狐（壁虎）：11。。。。发布日期：2012-03-13铬：0.2…………发布2008-09-02Internet Explorer 4.0…1997年发布歌剧7。。。。。。。。。。。。。。。。。。。。。。发布日期：2003-01-28Safari 1.3…………..2006-01-12发布

$("#myNode").parent(x).html(); 

其中“x”是节点号，以0开头作为第一个节点，如果要获取特定的节点，则应获取所需的正确节点。如果你有子节点，你应该在你想要的节点上加上一个ID，这样你就可以把它归零了。使用这种方法，没有“x”对我来说很好。

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

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

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

简单的解决方案。

var myself = $('#div').children().parent();

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

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

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