爲jQuery和/或DOM對象獲取HTML字符串

我想我已經通讀完整的jQuery API documentation，並在調試器中查看了jQuery對象和簡單的DOM元素，以檢查它們在運行時實際具有的方法，但是對於我，我找不到一種方法來獲取代表jQuery對象或DOM節點內容的html字符串。我錯過了什麼嗎？爲jQuery和/或DOM對象獲取HTML字符串

jQuery對象的方法爲html()，DOM元素的屬性爲innerHTML，但都只給出對象的內部html。所以，如果我有HTML這樣的：

<body> 
    <div> 
     <p>Hello World!</p> 
    </div> 
</body>

我使用jQuery做這樣的事情var $div = $body.find("div")和我然後調用$div.html()返回的字符串是"<p>Hello World!</p>"。但我正在尋找一種方法，使其返回"<div><p>Hello World!</p></div>"（我不在乎空白）。

我在做什麼錯？獲得這些對象的html表示是不是很難，可以嗎？

來源

2013-05-09 Joachim Kurz

可能重複[如何獲得的innerHTML，包括標籤，使用jQuery？]（http://stackoverflow.com/questions/2319213/how-to- get-the-innerhtml-includes-the-tag-using-jquery） – epascarello 2013-05-09 16:42:33

Duplicate：http://stackoverflow.com/questions/2419749/get-selected-elements-outer-html – Niels 2013-05-09 16:43:44

嘗試DOM屬性.outerHTML

來源

2013-05-09 16:43:02 Colleen

我記得這是一個非標準的IE具體的東西，但它現在似乎[廣泛採用]（https://developer.mozilla.org/en-US/docs/DOM/element.outerHTML）。 – SoonDead 2013-05-09 16:46:57

謝謝，我不知道我是如何錯過的。 – 2013-05-09 16:59:16

您可以使用 '.outerHTML' 屬性。這是它會怎樣看使用jQuery：http://jsfiddle.net/MHvmm/

$('div')[0].outerHTML

來源

2013-05-09 16:46:35 Nate

這可能是通過封閉所需的對象在另一個對象，以及獲取的innerHTML。它在這裏更詳細的解釋： How do you convert a jQuery object into a string?

的

來源

2013-05-09 16:48:11 Jan

爲jQuery和/或DOM對象獲取HTML字符串

回答

相關問題