Jquery 用通用名称更改img的src

我已经创建了一个代码，在某些情况下更改了img的src。它运行良好：

HTML:

JQUERY：

$('#image').attr('src','img/1.jpg');    
$('#image').attr('src','img/1-small.jpg');

我有很多img，我的问题是：我可以用任何文件名来实现这个功能吗？。比如说

$('#image').attr('src','anyName.jpg');
$('#image').attr('src','anyName-small.jpg');

---

ID应该是唯一的。

$（“#图像”）

将选择唯一一个/第一个具有ID

图像的元素

要更新多个元素的
src
属性值，可按如下方式使用：

$('img').attr('src', function(i, src) {
    return src.replace(/(\.jpe?g|png|gif)$/i, '-small$1');
});

正则表达式
/（\.jpe？g | png | gif）$/i
将匹配图像的扩展，并将其添加到第一个捕获的组中-
$1
，可用于替换

$('img').attr('src', function(i, src) {
    return src.replace(/(\.jpe?g|png|gif)$/i, '-small$1');
});