Javascript div中所有图像上的Fancybox链接

我想用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的内容存储在一个变量中）

如果您可以更改php，那将是理想的选择。但如果必须使用javascript，则可以使用

wrap（）

：

$（'artikel img'）。每个（函数）{
$（此）.wrap（$（''）{
href:$（this.attr（'src'），
类：“fancybox”，
雷尔：“阿蒂克尔”
}));
});

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

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

函数wrapAllImages（）{
$（“img”）。换行（“”）；
}

注意

应该是

（不要忘记

alt

属性）

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