jquery 獲取 outerHtml 包含當(dāng)前節(jié)點(diǎn)本身的代碼
在開發(fā)過程中，jQuery.html() 是獲取當(dāng)前節(jié)點(diǎn)下的html代碼，并不包含當(dāng)前節(jié)點(diǎn)本身的代碼，然后我們有時(shí)候確需要，找遍jQuery api文檔也沒有任何方法可以拿到。
看到有的人通過parent().html()，如果當(dāng)前元素沒有兄弟元素還行，如果有那就行不通了。后來實(shí)驗(yàn)發(fā)現(xiàn)有一個jQuery的一個方法可以解決，而且非常簡便，如下：
jQuery.prop("outerHTML");
<div class="test"><p>hello，你好！</p></div>
<script>
$(".test").prop("outerHTML");
</script>
輸出結(jié)果為：<div class="test"><P>hello,你好！</p></div>
因?yàn)樵鶭S DOM里有一個內(nèi)置屬性 outerHTML （看清大小寫哦，JS是區(qū)分大小寫的）用來獲取當(dāng)前節(jié)點(diǎn)的html代碼(包含當(dāng)前節(jié)點(diǎn))，所以用jQuery的prop()能拿到，經(jīng)過實(shí)驗(yàn)attr()方法是拿不到的，不信的話，大家也可以嘗試嘗試，謝謝。
當(dāng)然也有人用jQuery的 clone() 函數(shù)配合append() 來創(chuàng)建一個只有一個子元素的節(jié)點(diǎn)，然后來拿節(jié)點(diǎn)的html，這樣也是可行的，但是代碼繁瑣。
- JQuery查找DOM節(jié)點(diǎn)的方法
- jquery的父子兄弟節(jié)點(diǎn)查找示例代碼
- jquery獲取子節(jié)點(diǎn)和父節(jié)點(diǎn)的示例代碼
- jQuery獲取文本節(jié)點(diǎn)之 text()/val()/html() 方法區(qū)別
- jQuery移動和復(fù)制dom節(jié)點(diǎn)實(shí)用DOM操作案例
- jQuery的DOM操作之刪除節(jié)點(diǎn)示例
- JQuery給元素添加/刪除節(jié)點(diǎn)比如select
- jquery創(chuàng)建一個新的節(jié)點(diǎn)對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
- jQuery獲取節(jié)點(diǎn)和子節(jié)點(diǎn)文本的方法
- Jquery動態(tài)添加及刪除頁面節(jié)點(diǎn)元素示例代碼
- jQuery實(shí)現(xiàn)查找最近父節(jié)點(diǎn)的方法
相關(guān)文章
一直對stop的用法一知半解，今天抽點(diǎn)時(shí)間學(xué)習(xí)下jQuery stop()用法實(shí)例詳解的相關(guān)知識，特此分享腳本之家平臺，供大家參考2016-07-07
使用element-ui的el-menu導(dǎo)航選中后刷新頁面保持當(dāng)前選中狀態(tài)
這篇文章主要介紹了使用element-ui的el-menu導(dǎo)航選中后刷新頁面保持當(dāng)前選中狀態(tài)，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07
這兩天的工作內(nèi)容不多，基本是關(guān)于jquery中ajax的。之前一直都是寫的最簡單的ajax請求，并沒關(guān)注怎么獲取ajax返回值的問題。2015-08-08
jQuery中innerWidth()方法用法實(shí)例
這篇文章主要介紹了jQuery中innerWidth()方法用法,實(shí)例分析了innerWidth()方法的功能、定義及獲取第一個匹配元素內(nèi)部區(qū)域?qū)挾鹊氖褂眉记?需要的朋友可以參考下2015-01-01
jquery ajax局部加載方法詳解(實(shí)現(xiàn)代碼)
下面想就為大家?guī)硪黄猨query ajax局部加載方法詳解(實(shí)現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
jQuery Validate 校驗(yàn)多個相同name的方法
這篇文章主要介紹了jQuery Validate 校驗(yàn)多個相同name的方法,需要的朋友可以參考下2017-05-05
Jquery 表單驗(yàn)證類介紹與實(shí)例，需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了jQuery對象與DOM對象的轉(zhuǎn)換方法,結(jié)合實(shí)例形式分析了jQuery對象及DOM對象的作用與二者的相互轉(zhuǎn)換技巧,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了用jquery來定位2007-02-02
jQuery AJAX 調(diào)用WebService實(shí)現(xiàn)代碼
用jQuery調(diào)用其他項(xiàng)目的WebService的代碼，需要的朋友可以參考下。2010-03-03