国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery 獲取 outerHtml 包含當前節點本身的代碼

2019-11-20 13:58:44
字體:
來源:轉載
供稿:網友

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 北宁市| 施秉县| 湖南省| 闵行区| 天台县| 库车县| 屯昌县| 年辖:市辖区| 达日县| 格尔木市| 开江县| 东港市| 基隆市| 高阳县| 屯门区| 奉节县| 平陆县| 德格县| 河津市| 依安县| 华安县| 资兴市| 大兴区| 丹东市| 财经| 晋州市| 承德市| 洪洞县| 青州市| 青阳县| 故城县| 新化县| 塘沽区| 石渠县| 喀喇| 枣强县| 苗栗市| 乌拉特后旗| 芮城县| 建水县| 祁阳县|