jquery - 画像のソースの一部を変更する

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/' の 2 つのフォルダがあります]、(例として、リンク「Become 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');