如何將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的