Javascript 使用jquery将空div添加到图像

目前，我有一个图像，我想分享。我只有向img标记添加类的权限，所以我添加了class.share，并尝试使用jquery添加共享按钮脚本。现在我只知道如何在之后添加它，但这不起作用，因为它试图共享整个页面，而不仅仅是该图像。以下是我补充的内容：

$(".share").after('<div class="share-button"></div>');

$（“.share”）。在（“”）之后；

是否有方法将此div添加到.share类中？我尝试了append、appendTo、prepend、prependTo、html，但都不起作用

完整演示位于此处：

---

谢谢

您希望在此处使用的是.wrap（）

$（“img.share”）.wrap（“”）；

img

元素不能在DOM中包含其他元素

您可以保留

after（）

方法，操作按钮没有问题，但您需要弄清楚如何将图像的实际URL传递给您使用的社交共享插件

例如，实现按钮单击自己并使用

$（this）.prev（）.attr（'src'）

获取图像源，然后通过JS调用插件

$("img.share").wrap('<div class="share-button"></div>');