如何将 HTML 元素转换为字符串，包括开始和结束标签？答案

【问题标题】：How to convert an HTML element to a string, including the opening and closing tags?如何将 HTML 元素转换为字符串，包括开始和结束标签？
【发布时间】：2011-04-10 14:00:26
【问题描述】：

假设我有以下 HTML 元素：

<span id='kuku' class='lala bubu' value='xyz'>some text</span>

我知道.html()返回元素的内部部分，即some text。

我怎样才能得到整个元素作为字符串，包含<span>...</span>？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

Most browsers support element.outerHTML 属性。您可能还想查看以下 Stack Overflow 帖子以获得替代解决方案（适用于非 IE 浏览器）：

How do I do OuterHTML in firefox?

【讨论】：

Firefox 11 添加了对 element.outerHTML 的支持。 developer.mozilla.org/en-US/docs/DOM/element.outerHTML

【解决方案2】：

试试这个：

alert($('#kuku').clone().wrapAll("<div/>").parent().html());

克隆你想要的元素
将其包装在一个 div 中
选择父级（新的 div）
获取 HTML

【讨论】：

【解决方案3】：

你也可以这样做like this：

alert( $('<div>').append( $("#kuku").clone() ).html() );

这会创建一个空的div，并在其上附加一个id为kuku的元素的副本/克隆。然后它返回之前为空的 div 的 innerHTML，它现在正好包含您所追求的 HTML。

【讨论】：

【解决方案4】：

只需获取 span 的所有者。所以使用 span 的所有者/容器的 id 并使用

document.getElementById("urSpanOwnerID").innerHTML

【讨论】：