Question

我正在尝试避免使用slimbox创建重复图像（一个缩略图，一个完整尺寸）。

我将'缩略图'图像缩放为100％宽度和高度'自动'，因此它们都很适合它们的父容器，缩放到缩略图大小。单击可在灯箱中打开完整大小的图像。那部分很好。

我想改进的是两幅图像之间的实际关系。目前我有

<a href="path/to/image.jpg" rel="lightbox" title="some title">
<img src="path/to/image.jpg">

由于他们使用相同的图像，我想以编程方式填充

<a href="XXX">

与图像源具有相同的路径。我想我可以使用兄弟选择器“.next”来完成这个并为自己添加一个类。

$(function(){
    $('a.foo').each(function() {
        $(this).next('img').attr('href', this.href);
    });
});

显然这不起作用，语法不正确。任何人都可以建议一个好方法吗？ THX！

Answer 1

您位于右侧，代码中没有语法错误，但图片没有href属性，您应修改其src属性，试试这个：

$(function() {
    $('a.foo').each(function() {
        $(this).next().attr('src', this.href);
    });
});

$(function() {
    $('a.foo').each(function() {
      var src = $(this).find('img').attr('src');
      $(this).attr('href', src)  
    });
});