我做了这个简单的测试，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）

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

你也可以这样做

document.getElementById(id).outerHTML

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

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

$('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标记，因为它的类型更少，工作方式也相同。

我做了这个简单的测试，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）

我使用了Jessica更新的Volomike解决方案。只是添加了一个检查以查看元素是否存在，并使其返回空白以防不存在。

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

当然，可以这样使用：

$('table#buttons').outerHTML();