javascript - div 中所有图像上的 Fancybox 链接

Question

我想用花式框链接覆盖 div #artikel 中的每张图片。所以基本上每个

<img src="image.png"></img>

应该转换成

<a href="image.png" class="fancybox" rel="artikel"><img src="image.png"></img></a>

有没有办法用 Javascript 或能够做到这一点的 php 函数来实现这种效果？（这个div的内容存储在一个变量中）

Answer 1

如果您可以更改php，那将是理想的。但是如果你必须使用 javascript，你可以使用wrap()：

http://jsfiddle.net/ses7u/

$('#artikel img').each(function () {
    $(this).wrap($('<a/>', {
        href: $(this).attr('src'),
        class: "fancybox",
        rel: "artikel"
    }));
});

Answer 2

为了给页面中的所有图像添加锚标记，您可以在页面中使用 javascript

<script type="text/javascript">
function wrapAllImages() {
    $("img").wrap("<a href=\"image.png\" class=\"fancybox\" rel=\"artikel\"></a>");
}
</script>