更改图像源的部分

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