javascript - Jquery 中另一个元素的克隆/镜像路径？

Question

我正在尝试将名为 FancyBox 的 Jquery 插件安装到我客户的纯 HTML 站点。它仅使用非常轻的 CMS 即可更改可见图像。

但是，FancyBox 的语法如下:

<a class="fancybox" rel="group" href="big_image_1.jpg">
<img   src="small_image_1.jpg" alt="" /></a>

大小图路径不同，无法更改主图。

有没有办法让jquery将img的路径克隆到a标签的href？

Answer 1

您可以使用.attr(attributeName, function)

$('a.fancybox').attr('href',function(){
    return $(this).find('img').attr('src').replace('small', 'big'); //find its child img and returns it src
});