使用IMG SRC作为链接REF动态添加LINK到IMG stag

Question

我正在使用GetBarley.com这个精彩的WYSWYG编辑器...但它对博客中的图像构成了问题。如果有人发布图像，则其大小取决于容器的宽度。

我希望能够点击该图片以查看更大的图片并点击该特定帖子中的所有图片。为此，我需要在标签周围添加一个链接。

出现的内容：

<img src="http://lokeshdhakar.com/projects/lightbox2/img/demopage/image-3.jpg"/>

我需要出现的内容：

<a href="http://lokeshdhakar.com/projects/lightbox2/img/demopage/image-3.jpg" data-lightbox="set">
<img src="http://lokeshdhakar.com/projects/lightbox2/img/demopage/image-3.jpg"/>

请注意，href =“＃”正在从img src获取URL。

jsFiddle

Answer 1

你可以这样做：

$(".image-set img").each(function() {
    $(this).wrap("<a href='" + this.src + "' data-lightbox='set' />");
});