改变图像源的一部分

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 /”使用“/ green /”同时保留源的每个个人端。

Answer 1

试试这样的事情：

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

Answer 2

您可以使用replace()将灰色更改为您喜欢的任何内容

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

查看此jsFiddle

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

Answer 3

试试这个：

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