2023年6月21日发(作者：)

jquery获取outerHtml包含当前节点本⾝的代码在开发过程中，() 是获取当前节点下的html代码，并不包含当前节点本⾝的代码，然后我们有时候确需要，找遍jQuery api⽂档也没有任何⽅法可以拿到。看到有的⼈通过parent().html()，如果当前元素没有兄弟元素还⾏，如果有那就⾏不通了。后来实验发现有⼀个jQuery的⼀个⽅法可以解决，⽽且⾮常简便，如下：("outerHTML");复制代码 代码如下:

hello，你好！

输出结果为：

hello,你好！

因为原⽣JS DOM⾥有⼀个内置属性 outerHTML （看清⼤⼩写哦，JS是区分⼤⼩写的）⽤来获取当前节点的html代码(包含当前节点)，所以⽤jQuery的prop()能拿到，经过实验attr()⽅法是拿不到的，不信的话，⼤家也可以尝试尝试，谢谢。当然也有⼈⽤jQuery的 clone() 函数配合append() 来创建⼀个只有⼀个⼦元素的节点，然后来拿节点的html，这样也是可⾏的，但是代码繁琐。

2023年6月21日发(作者：)

jquery获取outerHtml包含当前节点本⾝的代码在开发过程中，() 是获取当前节点下的html代码，并不包含当前节点本⾝的代码，然后我们有时候确需要，找遍jQuery api⽂档也没有任何⽅法可以拿到。看到有的⼈通过parent().html()，如果当前元素没有兄弟元素还⾏，如果有那就⾏不通了。后来实验发现有⼀个jQuery的⼀个⽅法可以解决，⽽且⾮常简便，如下：("outerHTML");复制代码 代码如下:

hello，你好！

输出结果为：

hello,你好！

因为原⽣JS DOM⾥有⼀个内置属性 outerHTML （看清⼤⼩写哦，JS是区分⼤⼩写的）⽤来获取当前节点的html代码(包含当前节点)，所以⽤jQuery的prop()能拿到，经过实验attr()⽅法是拿不到的，不信的话，⼤家也可以尝试尝试，谢谢。当然也有⼈⽤jQuery的 clone() 函数配合append() 来创建⼀个只有⼀个⼦元素的节点，然后来拿节点的html，这样也是可⾏的，但是代码繁琐。