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

Question

假设我有以下HTML元素：

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

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

我如何将整个元素作为字符串，包含<span>...</span> ？

Answer 1

大多数浏览器都支持 element.outerHTML属性。 您可能还想查看以下Stack Overflow帖子以获取替代解决方案（适用于非IE浏览器）：

• 我如何在Firefox中做OuterHTML？

Answer 2

试试这个：

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

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

Answer 3

你也可以做它喜欢这样 ：

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

这个创建一个空div并将id kuku的元素的副本/克隆附加到它。 然后它返回之前为空的div的innerHTML，现在其中包含您正在使用的HTML。

Answer 4

只需获得跨度的所有者。 因此，请使用span的所有者/容器的id并使用

的document.getElementById（ “urSpanOwnerID”）。innerHTML的