DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 獲取 outerHtml 包含當前節點本身的代碼
jquery 獲取 outerHtml 包含當前節點本身的代碼
編輯:JQuery特效代碼     

在開發過程中,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,這樣也是可行的,但是代碼繁瑣。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved