jquery获取包括自身元素的html

在使用jquery的html方法时, 并不能获取自身, 比如下面这个例子只能获取到<p>hello，你好！</p>

<div class="test"><p>hello，你好！</p></div>
<script>
  const html = $(".test").html(); // <p>hello，你好！</p>
</script>

实现步骤

有时候我们需要获取包括自身元素的html, 以上面的例子为模板, 说下实现步骤:

1. 创建一个新元素<p>
2. 获取需要处理的元素$(".test"), 并进行克隆
3. 把需要处理的元素放入新元素中
4. 获取新元素的html

函数

这里给出了实现函数

  const getHtmlIncludeSelf = (ele:HTMLElement)=>{
    return $("<p>").append($(ele).clone()).html();
  }

参考资料

https://www.cnblogs.com/youxin/p/5303030.html