用通用名称更改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应该是唯一的。$('#image')将选择ID为image的唯一单个/第一个元素。

要更新多个元件的src属性值attr()可以用作如下：

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

正则表达式/(\.jpe?g|png|gif)$/i将匹配的图像的扩展和补充一点，在第一捕获基团 - $1其可用于在更换。