獲取整個新元素的HTML字符串，而無需將其添加到頁面

Question

var div = $('<div/>').text('inner text'); 

我想要div元素的完整html，包括元素本身，而不僅僅是其中的文本。

我該怎麼做？

div.get(0) // gives me an HTML Element Object, which I'm not sure what to do with. 

Answer 1

get(0)會給你一個對象，就可以使用outerHTML財產。

div.get(0).outerHTML 

或

div.prop('outerHTML') 

---

var div = $('<div/>').text('inner text'); 
 
alert(div.get(0).outerHTML)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>