jquery获取当前元素的html内容(包含当前元素)

在开发中,有时会遇到需要获取元素html内容,再进一步遍历或操作,而jquery中的jquery.html()是获取当前节点下的html代码,并不包含当前节点本身的代码.这个时候可以用 jquery.prop("outerHTML") 来获取。

<div class="parent">

<h1>标题一</h1>

<h2>标题二</h2>

</div>

js:

var parentHTML= $(".parent").prop("outHTML");

console.log(parentHTML)  

输出结果为:<div class="parent"><h1>标题一</h1><h2>标题二</h2></div>




最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,849评论 0 44
  • 为甚嚒要学习jQuery? 因为JS中有很多痛点: window.onload事件只能出现一次,如果出现多次,后面...
    magic_pill阅读 4,262评论 0 13
  • 嗨!又是几天没见面啦。 前几天我看了几篇文章,印象之深刻。有一个是关于20几岁的规划,有一个是关于人生的加减法,这...
    那摩多阅读 1,722评论 0 0
  • 流水账式的结构,只因不想遗漏一点点细节,愿让文字固化住随时间不断风蚀的记忆。意识流的写法,只因不愿失去任何突如其来...
    中鸾阅读 3,858评论 5 6
  • 之前刚把《夏至未至》追完,老实说,这剧的吐槽点满多的。但是我没兴趣吐槽,哈哈。我本着有头有尾的精神快进看完了。 满...
    未殃阅读 138,461评论 6 19