JQuery获取节点的html代码
2017-03-31 02:29
323 查看
一:jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码。
二:然而我们有时候确需要包含当前节点的html代码。有的人通过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()方法是拿不到的。
二:然而我们有时候确需要包含当前节点的html代码。有的人通过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 获取 outerHtml 包含当前节点本身的代码
- jquery 获取 outerHtml 包含当前节点本身的代码
- jquery 获取 outerHtml 包含当前节点本身的代码
- jquery 获取 outerHtml 包含当前节点本身的代码
- jquery 获取 outerHtml 包含当前节点本身的代码
- jquery获取子节点和父节点的示例代码
- jquery获取子节点和父节点的示例代码
- JQuery 获取自身的HTml代码
- jQuery 获取当前节点的html包含当前节点的方法
- jquery获取子节点和父节点的示例代码
- jQuery 获取当前节点的html包含当前节点的方法
- jQuery 获取当前节点的html包含当前节点的方法
- jQuery的ajax返回html类型不能获取片段html代码
- jquery获取节点内容之html与contents
- jquery解析XML及获取XML节点名称的实现代码
- jquery动态生成html代码 怎么 获取id 或 class
- jquery获取节点的时候获取包含自己在内的HTML标签
- jquery 创建jquery的dom对象---------------获取自身的html节点及其子节点的html
- jQuery获取文本节点之-text()/val()/html() 方法区别
- jQuery 获取当前节点的html包含当前节点的方法 --$(".test").prop("outerHTML");