动态添加链接到IMG雄鹿，IMG SRC作为链接REF

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。

js小提琴

Answer 1

你可以做：

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