jquery img src replace不'；行不通

我不熟悉jQuery。我正在尝试获取图像src并替换src。我可以使用下面提到的函数获取图像，但无法获取src

<div class="class1">

<a href="Link1"><img src="//abc.com/1.jpg"/></a>
<a href="Link2"><img src="//abc.com/2.jpg"/></a>
<a href="Link3"><img src="//abc.com/3.jpg"/></a>
<a href="Link4"><img src="//abc.com/4.jpg"/></a>
.
.
.
<a href="Linkn"><img src="//abc.com/n.jpg"/></a>

</div>

你用错了方法

首先，

attr（'src'）

仅检索当前值，更改后，必须使用

attr（'src'，newvalue）

进行设置

其次，

attr（）

将只对集合的第一个元素起作用。如果有多个元素，可以对它们使用循环，或者对每个属性值运行循环，返回的值将设置为属性的新值

下面是后者（）的一个示例：

---

这些都在我建议您阅读的文档中进行了详细解释。

稍作解释会有所帮助。

function () {
var $gallery = $('.class1 a');
return $gallery.map(function () {
    return {
        'galleryLink': $(this).attr('href'),
        'galleryImg': $(this).children('img').attr('src').replace('.jpg','-xyz.jpg')
    };
});
}

$('.class1').find('img').attr('src', function(i, val) {
    return val.replace(/\.jpg$/,'-xyz.jpg');
});