改变图像源的一部分

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" /> 

所以[有两个文件夹'/ gray /'和'/ green /'],我可以(仅作为一个例子点击链接"变成绿色")来改变源的部分"/ gray /",用"/绿色/"同时保持每个人的个人结束.

Answer 1

试试这样的事:

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