如何使用jQuery获取innerHtml，包括标签？答案

【问题标题】：How to get the innerHtml, including the tag, using jQuery?如何使用jQuery获取innerHtml，包括标签？
【发布时间】：2010-02-23 15:16:36
【问题描述】：

对不起，如果标题太晦涩;D.

其实问题是，假设我就是这段代码。

<span id="spanIDxx" style="blah-blah">
   <tag1>code here </tag2> sample text 
   <tag2>code here </tag2> html aass hhddll
   sample text
</span>

现在，如果我将使用代码。

jQuery("#spanIDxx").html();

那么它将只返回不包括<span id="spanIDxx" style="blah-blah">的innerHTML
但我想要一些可以返回包含指定元素的 innerHTML 的东西。

【问题讨论】：

【解决方案1】：

这将创建一个新的div 并将您的元素的克隆附加到该div。新的div 永远不会插入到 DOM 中，因此不会影响您的页面。

var theResult = $('<div />').append($("#spanIDxx").clone()).html();

alert( theResult );

如果你需要经常使用这个，又不想再添加另一个插件，把它做成一个函数：

function htmlInclusive(elem) { return $('<div />').append($(elem).clone()).html(); }

alert( htmlInclusive("#spanIDxx") );

或者自己扩展 jQuery：

$.fn.htmlInclusive = function() { return $('<div />').append($(this).clone()).html(); }

alert( $("#spanIDxx").htmlInclusive() );

【讨论】：

一些小伙子写了一个名为outerHTML的插件来做到这一点：brandonaaron.net/blog/2007/06/17/jquery-snippets-outerhtml。其他人扩展插件以允许替换：yelotofu.com/2008/08/jquery-outerhtml

【解决方案2】：

您可以将节点复制到一个新的空节点，请求新的 .parent() 和它的 .html()

【讨论】：

【解决方案3】：

Clone 可能对你有用。我认为您实际上不需要对克隆/s 执行任何操作。

【讨论】：

【解决方案4】：

我自己没用过，但看起来可能有用：

【讨论】：