javascript - 使用 IMG SRC 作为链接 REF 将 LINK 动态添加到 IMG 标签

Question

我使用 GetBarley.com 是因为它是出色的所见即所得编辑器……但它对博客内的图像造成了问题。如果有人发布图片，它的大小由容器的宽度决定。

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

显示的内容:

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