为了真正实现jQuery风格，您可能希望outerHTML（）是一个getter和setter，并且其行为尽可能类似于html（）：

$.fn.outerHTML = function (arg) {
    var ret;

    // If no items in the collection, return
    if (!this.length)
        return typeof arg == "undefined" ? this : null;
    // Getter overload (no argument passed)
    if (!arg) {
        return this[0].outerHTML || 
            (ret = this.wrap('<div>').parent().html(), this.unwrap(), ret);
    }
    // Setter overload
    $.each(this, function (i, el) {
        var fnRet, 
            pass = el,
            inOrOut = el.outerHTML ? "outerHTML" : "innerHTML";

        if (!el.outerHTML)
            el = $(el).wrap('<div>').parent()[0];

        if (jQuery.isFunction(arg)) { 
            if ((fnRet = arg.call(pass, i, el[inOrOut])) !== false)
                el[inOrOut] = fnRet;
        }
        else
            el[inOrOut] = arg;

        if (!el.outerHTML)
            $(el).children().unwrap();
    });

    return this;
}

工作演示：http://jsfiddle.net/AndyE/WLKAa/

这允许我们向outerHTML传递一个参数，该参数可以是

一个可取消的函数-函数（index，oldOuterHTML）{}-，其中返回值将成为元素的新HTML（除非返回false）。字符串，该字符串将被设置为每个元素的HTML。

有关详细信息，请参阅jQuery文档For html.（）。

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

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

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

我相信目前（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发布

这对于更改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();
};

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

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

这就是你想要的吗？

无需为其生成函数。只需这样做：

$('a').each(function(){
    var s = $(this).clone().wrap('<p>').parent().html();
    console.log(s);
});

（顺便说一下，您的浏览器控制台将显示记录的内容。自2009年以来，大多数最新的浏览器都具有此功能。）

神奇的是：

.clone().wrap('<p>').parent().html();

克隆意味着您实际上没有干扰DOM。在没有它的情况下运行它，您将看到在所有超链接之前/之后插入p个标记（在本例中），这是不可取的。所以，是的，使用.clone（）。

它的工作方式是，它获取每个一个标记，在RAM中克隆它，用p个标记包装，获取它的父标记（即p标记），然后获取它的innerHTML属性。

编辑：听取了建议，将div标记更改为p标记，因为它的类型更少，工作方式也相同。