在使用jquery的html方法时, 并不能获取自身, 比如下面这个例子只能获取到<p>hello，你好！</p>
<div class="test"><p>hello，你好！</p></div>
<script>
const html = $(".test").html(); // <p>hello，你好！</p>
</script>
实现步骤
有时候我们需要获取包括自身元素的html, 以上面的例子为模板, 说下实现步骤:
- 创建一个新元素
<p> - 获取需要处理的元素
$(".test"), 并进行克隆 - 把需要处理的元素放入新元素中
- 获取新元素的html
函数
这里给出了实现函数
const getHtmlIncludeSelf = (ele:HTMLElement)=>{
return $("<p>").append($(ele).clone()).html();
}
