Jquery 更改图像的src属性

Jquery 更改图像的src属性,jquery,dom,slimbox,Jquery,Dom,Slimbox,我试图避免使用slimbox创建重复的图像(一个缩略图一个全尺寸) 我将“缩略图”图像缩放到100%宽度和高度“自动”,这样它们都可以很好地放入父容器中,缩放到缩略图大小。单击打开灯箱中的全尺寸图像。那部分很好 我想改进的是两幅图像之间的实际关系。目前我有 <a href="path/to/image.jpg" rel="lightbox" title="some title"> <img src="path/to/image.jpg"> 显然,这不起作用,语法不正确。

我试图避免使用slimbox创建重复的图像(一个缩略图一个全尺寸)

我将“缩略图”图像缩放到100%宽度和高度“自动”,这样它们都可以很好地放入父容器中,缩放到缩略图大小。单击打开灯箱中的全尺寸图像。那部分很好

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

<a href="path/to/image.jpg" rel="lightbox" title="some title">
<img src="path/to/image.jpg">
显然,这不起作用,语法不正确。有人能提出一个好的方法吗?
谢谢

您位于右侧,代码中没有语法错误,但是图像没有
href
属性,您应该修改它们的
src
属性,请尝试以下操作:

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


您位于右侧,代码中没有语法错误,但是图像没有
href
属性,您应该修改它们的
src
属性,请尝试以下操作:

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


很抱歉,我的帖子太白痴了。是的,图片没有href,正如你指出的,我指的是源代码。这看起来应该可以工作,但当我尝试它时,缺少的“href”只是“href”no“href=“something”“@DirtyBirdDesign您想根据图像的
src
属性更改锚的
href
属性还是反之?再次道歉。我想用image src属性“填充”锚点href值。@未定义-您应该使用
.parent()
而不是
.prev()
@DirtyBirdDesign是的,您应该使用
find()
方法。试试这个对不起,我的帖子太愚蠢了。是的,图片没有href,正如你指出的,我指的是源代码。这看起来应该可以工作,但当我尝试它时,缺少的“href”只是“href”no“href=“something”“@DirtyBirdDesign您想根据图像的
src
属性更改锚的
href
属性还是反之?再次道歉。我想用image src属性“填充”锚点href值。@未定义-您应该使用
.parent()
而不是
.prev()
@DirtyBirdDesign是的,您应该使用
find()
方法。试试这个
$(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)  
    });
});