更改圖像源的部分

Question

我想問問是否有可能用jQuery更改圖像源代碼的一部分？ HTML代碼是簡單

<img src="numbers/gray/1.png" alt="green" width="44" height="46" /> 
<img src="numbers/gray/5.png" alt="green" width="44" height="46" /> 

等[有兩個文件夾「/灰色/」和「/綠/」]，我能（作爲一個例子點擊鏈接「成爲綠色」）來改變「/ green /」源的部分「/ gray /」，同時保留源的每個個人端。

Answer 1

剛剛嘗試這樣的事：

$(function(){ 
    $('#myLink').click(function(){ 
    $('img').each(function(){ 
     var $this = $(this) 
     $this.attr('src',$this.attr('src').replace('gray','green')) 
    }) 
    }) 
}) 

Answer 2

試試這個：

$('img').attr('src').replace('gray', 'green'); 

Answer 3

可以使用replace()改變只是灰色的，無論你喜歡

var src = $('img').attr('src').replace('gray','green'); 

檢查出這個jsFiddle

$('img').attr('src', src);