jquery 獲取 outerHtml 包含當(dāng)前節(jié)點本身的代碼
在開發(fā)過程中，jQuery.html() 是獲取當(dāng)前節(jié)點下的html代碼，并不包含當(dāng)前節(jié)點本身的代碼，然后我們有時候確需要，找遍jQuery api文檔也沒有任何方法可以拿到。
看到有的人通過parent().html()，如果當(dāng)前元素沒有兄弟元素還行，如果有那就行不通了。后來實驗發(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>
因為原生JS DOM里有一個內(nèi)置屬性 outerHTML （看清大小寫哦，JS是區(qū)分大小寫的）用來獲取當(dāng)前節(jié)點的html代碼(包含當(dāng)前節(jié)點)，所以用jQuery的prop()能拿到，經(jīng)過實驗attr()方法是拿不到的，不信的話，大家也可以嘗試嘗試，謝謝。
當(dāng)然也有人用jQuery的 clone() 函數(shù)配合append() 來創(chuàng)建一個只有一個子元素的節(jié)點，然后來拿節(jié)點的html，這樣也是可行的，但是代碼繁瑣。
- JQuery查找DOM節(jié)點的方法
- jquery的父子兄弟節(jié)點查找示例代碼
- jquery獲取子節(jié)點和父節(jié)點的示例代碼
- jQuery獲取文本節(jié)點之 text()/val()/html() 方法區(qū)別
- jQuery移動和復(fù)制dom節(jié)點實用DOM操作案例
- jQuery的DOM操作之刪除節(jié)點示例
- JQuery給元素添加/刪除節(jié)點比如select
- jquery創(chuàng)建一個新的節(jié)點對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
- jQuery獲取節(jié)點和子節(jié)點文本的方法
- Jquery動態(tài)添加及刪除頁面節(jié)點元素示例代碼
- jQuery實現(xiàn)查找最近父節(jié)點的方法
相關(guān)文章
修改checkbox時..jquery在取checked值時總是出這樣那樣的問題....各個版本之間還有少許的差異....當(dāng)向后臺發(fā)送數(shù)據(jù)后,,再返回到當(dāng)前頁時..checked的狀態(tài)始終不對2012-08-08
這篇文章主要介紹了Jquery.Form 異步提交表單的簡單實例。需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
jquery.boxy彈出框(后隔N秒后自動隱藏/自動跳轉(zhuǎn))
對于 Boxy彈出框的使用之前寫過一些文章（查看jquery.boxy基礎(chǔ)），今天主要是在解決一個需要之后，覺得值得把它記錄下來，所以就再寫一篇，主要功能是，在彈出對話框后，隔N秒后自動隱藏，還有就是自動跳轉(zhuǎn)2013-01-01
使用prop解決一個checkbox選中后再次選中失效的問題
下面小編就為大家?guī)硪黄褂胮rop解決一個checkbox選中后再次選中失效的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
分享有關(guān)jQuery中animate、slide、fade等動畫的連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的bug
這篇文章主要介紹了分享有關(guān)jQuery中animate、slide、fade等動畫的連續(xù)觸發(fā)、滯后反復(fù)執(zhí)行的bug的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jquery分頁插件jpaginate不兼容ie的問題,需要的朋友可以參考下2014-04-04
用JSON從服務(wù)器端返回數(shù)據(jù)已是大家公認(rèn)的標(biāo)準(zhǔn),因為它短小精悍,使用方便.2010-07-07
基于jquery實現(xiàn)的文字向上跑動類似跑馬燈的效果
這篇文章主要介紹了基于jquery實現(xiàn)的文字向上跑動效果類似跑馬燈,需要的朋友可以參考下2014-06-06
jQuery學(xué)習(xí)筆記(3)--用jquery(插件)實現(xiàn)多選項卡功能
多選項卡功能的網(wǎng)站有很多,本人在那么多的類似插件中，目前碰到這個比較好，花了點時間調(diào)試出來了與大家分享，感興趣的朋友可以參考下哈希望對你有所幫助2013-04-04
為開發(fā)者準(zhǔn)備的10款最好的jQuery日歷插件
這篇文章介紹的是 10 款最棒而且又很有用的 jQuery 日歷插件，允許開發(fā)者們把這些漂亮的日歷插件結(jié)合到自己的網(wǎng)站中2014-02-02