当前位置: 首页 > 编程笔记 >

jquery 获取 outerHtml 包含当前节点本身的代码

丁阳羽
2023-03-14
本文向大家介绍jquery 获取 outerHtml 包含当前节点本身的代码,包括了jquery 获取 outerHtml 包含当前节点本身的代码的使用技巧和注意事项,需要的朋友参考一下

在开发过程中,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,这样也是可行的,但是代码繁琐。

 类似资料:
  • 问题内容: 我在Linux上使用libnuma。我的线程应该知道它们正在运行的节点/核心。是否可以某种方式获取当前线程的节点/核心?我已经看过文档,但是没有找到这样的功能… 问题答案: 我找到了这个解决方案: 然后,如果需要cpu的节点,则可以使用numa.h:

  • 本文向大家介绍jQuery获取当前点击的对象元素(实现代码),包括了jQuery获取当前点击的对象元素(实现代码)的使用技巧和注意事项,需要的朋友参考一下 jQuery获取当前点击的对象元素(实现代码) 以上这篇jQuery获取当前点击的对象元素(实现代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jquery获取及设置outerhtml的方法,包括了jquery获取及设置outerhtml的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery获取及设置outerhtml的方法。分享给大家供大家参考。具体分析如下: 在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuer

  • 问题内容: Node.getTextContent()返回当前节点及其后代的文本内容。 有没有一种方法来获取当前节点的文本内容,而不是后代的文本。 例 预期产量 我尝试下面的代码 但是它给出了这样的输出 请注意, 段落 元素包含 链接 和 强 标签的文本,我不希望这样。请提出一些建议? 问题答案: 您想要的是过滤节点的子代,使其仅保留具有节点类型的子代。 这是方法的示例,它将为您返回所需的内容 在

  • 本文向大家介绍ztree获取当前选中节点子节点id集合的方法,包括了ztree获取当前选中节点子节点id集合的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了ztree获取当前选中节点子节点id集合的方法。分享给大家供大家参考。具体分析如下: 要求:获取当前选中节点的子节点id集合。 步骤: 1.获取当前节点 2.用ztree的方法transformToArray()获取当前选中节点(

  • 问题内容: 您可以使用鼠标选择网页的一部分。 我知道可以获取当前选择的文本,但是如何获取包含当前选择的开始或结束的DOM元素? 问题答案: 在IE中,使用document.selection.createRange()。parentElement(),在实际的浏览器中,使用window.getSelection()。getRangeAt(0).startContainer.parentNode。像