得到.html和容器

Question

  

可能重复：
  jQuery - Get selected element's outer HTML

所以我有一个div ..

<div id="fred">

它里面有东西

<div id="fred">
  <tr id="thing1">hello1</tr>
  <tr id="thing2">hello2</tr>
</div>

如果我打电话

$("#fred").html();

我只得到里面的物品：

  <tr id="thing1">hello1</tr>
  <tr id="thing2">hello2</tr>

我想要整件事：

<div id="fred">
  <tr id="thing1">hello1</tr>
  <tr id="thing2">hello2</tr>
</div>

我知道我可以使用这个[0]参考，但似乎应该有一个更简单的方法..

我试过.andSelf()，但显然那不符合我的想法。

Answer 1

jQuery不支持outerHTML：http://api.jquery.com/html/#comment-84945158

（.andSelf用于元素集，不用于深度。）

我认为最好的解决方案是el[0].outerHTML（不需要额外的'插件'，本机JS总是好的）

Answer 2

Get selected element's outer HTML

编辑：我会详细说明......

这个插件完成了这项工作：

jQuery.fn.outerHTML = function(s) {
return (s)
? this.before(s).remove()
: jQuery("<p>").append(this.eq(0).clone()).html();
}

然后你可以简单地打电话：

$('#myTag').outerHTML()