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

Question

假设我有以下的HTML元素：

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

我知道.html()会返回元素内部的内容，例如some text。如何获取整个包含<span>...</span>的字符串呢？

- Misha Moroshko

Answer 1

大多数浏览器支持 element.outerHTML 属性。如果你使用非IE浏览器，你可能会想查看以下 Stack Overflow 帖子中的替代解决方案：

• 如何在 Firefox 中使用 OuterHTML？

- Daniel Vassallo

---

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

Answer 2

试试这个：

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

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

- p.campbell

Answer 3

您也可以这样做：像这样：

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

这个方法创建了一个空的div，并将ID为kuku的元素的副本/克隆附加到其中。然后返回之前空的div的innerHTML，现在它恰好包含您需要的HTML。

- Peter Ajtai

Answer 4

只需获取 span 的 owner。因此，使用 span 的所有者/容器的 ID 并使用

。

document.getElementById("urSpanOwnerID").innerHTML

- WGF