jquery获取outerHtml包含当前节点本身的代码
2023-06-13 09:15:30 时间
在开发过程中,jQuery.html()是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQueryapi文档也没有任何方法可以拿到。
看到有的人通过parent().html(),如果当前元素没有兄弟元素还行,如果有那就行不通了。后来实验发现有一个jQuery的一个方法可以解决,而且非常简便,如下:
jQuery.prop("outerHTML");
<divclass="test"><p>hello,你好!</p></div>
<script>
$(".test").prop("outerHTML");
</script>
输出结果为:<divclass="test"><P>hello,你好!</p></div>
因为原生JSDOM里有一个内置属性outerHTML(看清大小写哦,JS是区分大小写的)用来获取当前节点的html代码(包含当前节点),所以用jQuery的prop()能拿到,经过实验attr()方法是拿不到的,不信的话,大家也可以尝试尝试,谢谢。
当然也有人用jQuery的clone()函数配合append()来创建一个只有一个子元素的节点,然后来拿节点的html,这样也是可行的,但是代码繁琐。
相关文章
- jquery实现瀑布流布局详解编程语言
- jQuery Google Charts—-一个封装google chart api的jquery插件详解编程语言
- jQuery创建元素节点
- jQuery温习篇强大的JQuery选择器
- 初窥JQuery-Jquery简介入门了解篇
- Jquery知识点三jquery表单对象操作
- jquery中实现简单的tabs插件功能的代码
- jquery异步请求实例代码
- JQuery动画和停止动画实例代码
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
- asp.net中js和jquery调用ashx的不同方法分享
- jquery用get实现ajax在ie里面刷新不进入后台解决方法
- jQuery的DOM操作之删除节点示例
- jquery将一个表单序列化为一个对象的方法
- 解决jquery中美元符号命名冲突问题
- 移动节点的jquery代码
- jquery的父子兄弟节点查找示例代码
- jquery的ajax跨域请求原理和示例
- Jquery+asp.net后台数据传到前台js进行解析的方法
- Jquery动态添加及删除页面节点元素示例代码
- 如何在MVC应用程序中使用Jquery
- jQuery中$.get、$.post、$.getJSON和$.ajax的用法详解
- jQuery多媒体插件jQueryMediaPlugin使用详解
- 分享2个jQuery插件--jquery.fileupload与artdialog