3

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/" ソースのそれぞれの個人的な終わりを保ちながら。

4

3 に答える 3

11

次のようなことを試してみてください:

$(function(){
  $('#myLink').click(function(){
    $('img').each(function(){
      var $this = $(this)
      $this.attr('src',$this.attr('src').replace('gray','green'))
    })
  })
})
于 2012-09-12T22:26:23.810 に答える
1

replace()グレーだけを好きなものに変更するために使用できます

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

このjsFiddleをチェックしてください

$('img').attr('src', src);
于 2012-09-12T22:27:50.300 に答える
-1

これを試して:

$('img').attr('src').replace('gray', 'green');
于 2012-09-12T22:27:44.913 に答える