克隆/镜像路径到Jquery中的另一个元素

Clone/mirror image path to another element in Jquery?

本文关键字：另一个 元素 Jquery 镜像 路径 克隆      更新时间：2023-09-26

我正在尝试安装一个名为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 ?

您可以使用.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
});

你可以这样使用jquery:

$('a.fancybox').attr('href',$('img').attr('src'));

var imgPath = $('img').attr('src');
$('a.fancybox').attr('href', imgPath);
相关文章：