如果场景是动态追加新行，则可以使用以下方法：

var row = $(".myRow").last().clone();
$(".myRow").last().after(row);

.myrow是<tr>的类名。它复制最后一行并将其作为新的最后一行插入。这也适用于IE7，而[0].outerHTML方法不允许在IE7中赋值

我在寻找问题的答案时遇到了这个问题，我试图删除一个表行，然后将其添加回表的底部（因为我正在动态创建数据行，但希望在底部显示“添加新记录”类型的行）。

我也有同样的问题，因为它正在返回innerHtml，因此缺少TR标记，该标记保存了该行的ID，这意味着不可能重复该过程。

我发现的答案是jquery remove（）函数实际上返回了它删除的元素作为对象。所以，要删除并重新添加一行，就这么简单。。。

var a = $("#trRowToRemove").remove();            
$('#tblMyTable').append(a);  

如果您没有删除该对象，但希望将其复制到其他地方，请改用clone（）函数。

为了真正实现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.（）。

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();
};

我做了这个简单的测试，outerHTML是tokimon解决方案（没有克隆），outerHTML2是jessica解决方案（克隆）

console.time("outerHTML");
for(i=0;i<1000;i++)
 {                 
  var html = $("<span style='padding:50px; margin:50px; display:block'><input type='text' title='test' /></span>").outerHTML();
 }                 
console.timeEnd("outerHTML");

console.time("outerHTML2");

 for(i=0;i<1000;i++)
 {                 
   var html = $("<span style='padding:50px; margin:50px; display:block'><input type='text' title='test' /></span>").outerHTML2();
  }                 
  console.timeEnd("outerHTML2");

在我的chromium（版本20.0.1132.57（0））浏览器中的结果是

outerHTML:81ms外部HTML2:439ms

但是如果我们使用tokimon解决方案而不使用本机outerHTML函数（现在几乎每个浏览器都支持该函数）

我们得到

outerHTML:594ms外部HTML2:332ms

在现实世界的例子中会有更多的循环和元素，所以完美的组合应该是

$.fn.outerHTML = function() 
{
  $t = $(this);
  if( "outerHTML" in $t[0] ) return $t[0].outerHTML; 
  else return $t.clone().wrap('<p>').parent().html(); 
}

所以clone方法实际上比wrap/unwrap方法更快（jquery 1.7.2）

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

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