扩展jQuery：

(function($) {
  $.fn.outerHTML = function() {
    return $(this).clone().wrap('<div></div>').parent().html();
  };
})(jQuery);

并像这样使用：$（“#myTableRow”）.outerHTML（）；

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

也许我没有正确理解您的问题，但这将获得所选元素的父元素的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）

还可以使用get（检索jQuery对象匹配的DOM元素）。

e.g:

$('div').get(0).outerHTML;//return "<div></div>"

作为扩展方法：

jQuery.fn.outerHTML = function () {
  return this.get().map(function (v) {
    return v.outerHTML
  }).join()
};

Or

jQuery.fn.outerHTML = function () {
  return $.map(this.get(), function (v) {
    return v.outerHTML
  }).join()
};

多选并返回所有匹配元素的外部html。

$('input').outerHTML()

返回：

'<input id="input1" type="text"><input id="input2" type="text">'

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

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

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

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

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

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