使用 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' />");
});