更改Img src。只有一個圖像更新

Question

我想改變匹配條件的圖像src。它正在更改頁面上的兩個圖像的第一個正確的src。任何人都可以解釋爲什麼第二個圖像沒有改變？謝謝。

HTML：

<div class="columns large-4 extraImageVer2"> 
    <img src="?Action=thumbnail&amp;Width=600&amp;algorithm=fill_proportional" /> 
</div> 
<div class="columns large-4 extraImageVer2"> 
    <img src="?Action=thumbnail&amp;Width=600&amp;algorithm=fill_proportional" /> 
</div> 

的jQuery：

$(".extraImageVer2 img").each(function() { 
    var imgValue = $(".extraImageVer2").find("img").attr("src"); 
    if (imgValue === "?Action=thumbnail&Width=600&algorithm=fill_proportional") { 
     $(this).attr('src', 'http://placehold.it/600x300'); 
    } 
}); 

的jsfiddle：http://jsfiddle.net/phorden/9wz4rnwf/

Answer 1

因爲你imgValue值不正確。 .find()搜索後代。您已經選擇的圖像，所以你需要這樣的：

var imgValue = $(this).attr("src"); 

，而不是你現在擁有的一切：

var imgValue = $(".extraImageVer2").find("img").attr("src"); 

jsFiddle example

Answer 2

jsFiddle Demo

$(".extraImageVer2 img").each(function() { 
    var imgValue = $(this).attr("src"); 
    if (imgValue === "?Action=thumbnail&Width=600&algorithm=fill_proportional") { 
     $(this).attr('src', 'http://placehold.it/600x300'); 
    } 
});