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

Question

假设我有以下HTML元素：

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

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

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

Answer 1

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

• How do I do OuterHTML in firefox?

Answer 2

试试这个：

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

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

Answer 3

你也可以 like this ：

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

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

Answer 4

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

  

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