使用jquery将空div添加到图像答案

【问题标题】：add empty div to image using jquery使用jquery将空div添加到图像
【发布时间】：2023-03-19 20:05:01
【问题描述】：

目前我有一张想要分享的图片。我只能向 img 标签添加一个类，所以我添加了类 .share 并尝试使用 jquery 添加共享按钮脚本。现在我只能弄清楚如何在之后添加它，但这不起作用，因为它试图共享整个页面而不仅仅是那个图像。这是我添加的内容：

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

有没有办法在 .share 类中添加这个 div？我尝试了 append、appendTo、prepend、prependTo、html，但这些都不起作用。

谢谢

【问题讨论】：

【解决方案1】：

你想要在这里使用的是 .wrap()

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

【讨论】：

【解决方案2】：

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

你可以保留after()方法，你怎么做按钮没有错，但是你需要弄清楚如何将图像的实际URL传递给你使用的社交分享插件。

例如自己实现按钮点击，使用$(this).prev().attr('src')获取图片源，然后通过JS调用你的插件。

【讨论】：