使用jquery将空div添加到图像

Question

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

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

有没有办法在.share类中添加这个div？我尝试追加，appendTo，prepend，prependTo，html，但没有一个工作。

完整演示位于此处：http://codepen.io/bskousen/pen/EdaJr

由于

Answer 1

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

http://api.jquery.com/wrap/

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

Answer 2

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

您可以保留after()方法，按钮的操作方式没有任何问题，但您需要弄清楚如何将图像的实际网址传递给您使用的社交分享插件。

E.g。实现按钮单击自己并使用$(this).prev().attr('src')获取图像源，然后通过JS调用您的插件。