Question

我想用fancybox链接覆盖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

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

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

div中所有图像的Fancybox链接

2 个答案: