Html 如何在jQuery中分别添加开始标记和结束标记

所以我的问题是如何使用jQuery分别添加开始标记和结束标记

例如

<a class="test" href="#">
    <img src="https://images.unsplash.com/photo-1611165243857-d8b0ff81ba63?ixid=MXwxMjA3fDB8MHx0b3BpYy1mZWVkfDIwfDZzTVZqVExTa2VRfHxlbnwwfHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"/>
</a>

我想添加一个数字标记来包装图像。因此，结果如下所示。当前当我使用

jQuery('img').before('<figure>');
jQuery('img').after('</figure>');

jQuery（'img'）。在（''）之前；
jQuery（'img'）。在（''）之后；

它似乎不起作用。请告知。谢谢

<a class="test" href="#">
    <figure>
        <img src="https://images.unsplash.com/photo-1611165243857-d8b0ff81ba63?ixid=MXwxMjA3fDB8MHx0b3BpYy1mZWVkfDIwfDZzTVZqVExTa2VRfHxlbnwwfHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60"/>
    </figure>
</a>

---

您正在查找

.wrap（）

jQuery（'img'）.wrap（“”）；

---

如需更多信息，请链接：

请检查以下代码

---

$（“img”）.wrap（“”）非常感谢
jQuery('img').wrap('<figure></figure>');