用通用名称更改img的src

Question

在某些情况下，我创建了一个更改img的src的代码。效果很好：

HTML：

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

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');

Answer 1

ID应该是唯一的。 OutputFile.txt将选择唯一具有ID $('#image')的单个/第一个元素。

更新多个元素的image属性值attr()可以使用如下：

src

正则表达式$('img').attr('src', function(i, src) { return src.replace(/(\.jpe?g|png|gif)$/i, '-small$1'); }); 将匹配图片的扩展名，并将其添加到第一个捕获的组中，/(\.jpe?g|png|gif)$/i可用于替换。