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);
});