用通用名稱更改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其可用於在更換。