wrapAll() 给页面的元素(如img标签)包裹一层元素

场景描述：

前面做了个富文本编辑器的需求，后续有个对应的需求，将在富文本编辑器中保存的内容显示在一个弹窗详情页面中；

图片回显时，展示源码为

<img src="xxxx" title="" alt=""/>

要给页面中的所有img标签加上<a></a>标签，期望效果：

<a href="xxxx" data-lightbox="card" data-title="图片详情">
    <img src="xxxx" title="" alt=""/>
</a>

可以使用wrapAll()方法来实现：

$("img").each(function () {
       var strA = `<a href='${this.src}' data-lightbox='card' data-title='图片详情'></a>`;
       $(this).wrapAll(strA);
});