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，這樣也是可行的，但是代碼繁瑣。