原标题:jQuery 获取当前节点的html

在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也没有任何方法可以拿到。

看到有的人通过parent().html(),如果当前元素没有兄弟元素还行,如果有那就行不通了。后台实验发现有一个jQuery的一个方法可以解决,而且非常简便,如下:

jQuery.prop("outerHTML");

hello,你好!

<> $(".test").prop("outerHTML"); >

输出结果为:

hello,你好!

因为原生JS DOM里有一个内置属性 outerHTML (看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到,经过实验attr()方法是拿不到的,不信的话,大家也可以尝试尝试,谢谢。

当然也有人用jQuery的 clone() 函数配合append() 来创建一个只有一个子元素的节点,然后来拿节点的html,这样也是可行的,但是代码繁琐。

(责任编辑:最模板)

更多内容,参考最模板网站()

百度一下,最模板。

责任编辑:

jq获取 html元素节点,jQuery 获取当前节点的html相关推荐

  1. php 获取子孙,jquery如何查找后代元素?jquery获取后代元素方法

    在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...

  2. JavaScript文档对象模型获取body元素对象和获取Html元素对象(3)

    1.获取body元素对象和获取Html元素对象 代码如下: <!DOCTYPE html> <html><head><meta charset="u ...

  3. html 获取class节点,jquery获取class元素

    jQuery获取div下的所有class元素? 欢迎来到CSS布局HTML. 可以试下map函数 希望对你有帮助. jquery 是如何通过 class 来获取元素的? jquery通过任何选择器取得 ...

  4. 获取html元素的高,获取HTML元素的高度jQuery

    我为我的应用程序创建了一个漂亮的小模式消息窗口,但我似乎无法找到注入叠加层的容器的高度.获取HTML元素的高度jQuery function load_shipping_message (title, ...

  5. html jq固定div高度,js/jQuery获取/设置div的高度,宽度···

    js/jQuery获取/设置html标签的高度等css属性· $(".out-div").height($(window).height() - $("#topDiv&q ...

  6. java 获取td_[Java教程]jQuery获取table表中的td标签

    [Java教程]jQuery获取table表中的td标签 0 2017-07-28 00:00:08 首先我来介绍一下我遇到的问题 1.当有一个table表包含了 标签,标签,大致可以认为是这样的: ...

  7. 获取 html class属性,jquery获取class属性的值

    jquery获取class属性的值的方法:首先创建一个前端示例文件:然后通过"$('#demo').attr('class');"或者"$('#demo')[0].cla ...

  8. js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片

    要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...

  9. 原生js获取宽高与jquery获取宽高的方法的关系

    说明:1.因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况.  2.以下所说的所有方法与属性所返回的值都是不带单位的.  3.为了方便说明,以下情况采用缩写表示:  obj -> ...

最新文章

  1. ARTS打卡计划第一周-Share-系统字典模块的设计
  2. mac qt android开发环境搭建,Mac 下 PyQt5 的开发环境搭建
  3. oracle执行计划走偏处理步骤
  4. oracle输出查询返回多行,ORA-01427:单行子查询返回多行
  5. 软件工程(总体设计②设计原理)
  6. 客户和顾客是一个意思吗_“啤酒度数”和“啤酒酒精度”一个意思吗?
  7. 通过url直接访问项目图片
  8. java 快速判断对象是否为null的快捷方法
  9. 盗版xp成功验证成正版,享受正版增值服务!
  10. OpenCV读取图片
  11. 1.什么是方法 2.方法定义俩变量求和打印 3.改进上面的 (在调用里面改值相加) 4.形参与实参 5.计算长方形周长 定义一个方法并打印出来 6.定义一个方法 计算圆的面积打印出来
  12. 搭建视频会议系统OpenMeetings
  13. 如何在Mac上为 Apple ID 设置双重认证?
  14. linux dosbox 窗口大小,Linux下dosbox的配置
  15. 仿热血江湖游戏NpcClass_自动攻击事件 刀反伤
  16. 电源设计中最常见的四种滤波电路原理及特点解析
  17. 计算机课怎么考试时间,考研专业课考试时间介绍
  18. 磊科路由器如何设置虚拟服务器,nw711磊科路由器设置桥接步骤图文
  19. 七星配资创业板首创历史
  20. 量子计算机不是永动机,几种人类设计的永动机,最后一个是谁设计的!彻底服了!...

热门文章

  1. Yarn报错:error Couldn‘t publish package: “https://registry。。。 Are you logged in as the correct user?“
  2. webpack Plugin常用 optimization splitChunks UglifyJsPlugin sourceMap
  3. 小程序读取几种不同格式json数据(小程序json解析)
  4. C#LeetCode刷题之#55-跳跃游戏(Jump Game)
  5. python3 xlsxwiter模块插入matplotlib保存到io.BytesIO中的图
  6. 尚学堂java 答案解析 第六章
  7. python怎样实现界面的切换_python tkinter实现界面切换的示例代码
  8. Error: 'conda' can only be installed into the root environment
  9. kali的burpsuite笔记
  10. 每个开发人员都需要学Python?看看大佬是怎么说的!