更改图像源的一部分答案

【问题标题】：Changing part of image's source更改图像源的一部分
【发布时间】：2015-09-01 11:10:11
【问题描述】：

我想问一个问题，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/”，同时保留源的每个个人结尾。

【问题讨论】：

标签： jquery html image

【解决方案1】：

试试这样的：

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

【讨论】：

可以考虑：.replace(/\/gray\//g, '/green/'));

【解决方案2】：

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

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

看看这个jsFiddle

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

【讨论】：

你失去了用你将获得的 var src 设置 img src 属性

【解决方案3】：

试试这个：

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

【讨论】：