1. 程式人生 > >jquery 獲取 outerHtml

jquery 獲取 outerHtml

原生 獲取 內置 方法 屬性 pos jquery att ont

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

jquery 獲取 outerHtml