jQuery 獲取當前節點的html包含當前節點的方法

在開發過程當中，jQuery.html() 是獲取當前節點下的html代碼，並不包含當前節點自己的代碼，而後咱們有時候確須要，找遍jQuery api文檔也沒有任何方法能夠拿到。

看到有的人經過parent().html()，若是當前元素沒有兄弟元素還行，若是有那就行不通了。後臺實驗發現有一個jQuery的一個方法能夠解決，並且很是簡便，以下：

jQuery.prop("outerHTML");

<div class="test"><p>hello，你好！</p></div>
<script>
$(".test").prop("outerHTML");
</script>

輸出結果爲：<div class="test"><P>hello,你好！</p></div>

由於原生JS DOM裏有一個內置屬性 outerHTML （看清大小寫哦，JS是區分大小寫的）用來獲取當前節點的html代碼(包含當前節點)，因此用jQuery的prop()能拿到，通過實驗attr()方法是拿不到的，不信的話，你們也能夠嘗試嘗試，謝謝。

固然也有人用jQuery的 clone() 函數配合append() 來建立一個只有一個子元素的節點，而後來拿節點的html，這樣也是可行的，可是代碼繁瑣。

 

來源：http://www.cnblogs.com/wshiqtb/p/3522257.html