在ajax菜單中更改圖標？

Question

我有一個菜單，當一個項目被點擊時，我想將圖標更改爲不同的顏色。我通過改變點擊的圖像的src來實現這個工作！ 我的改變src圖像/銀/的icon.png到圖像/藍/的icon.png

如果我點擊一個項目（與銀色圖標），那麼它的顏色變爲藍色（良好），但是當我點擊另一個項目的第一個項目仍然是藍色的，所以點擊一下後，所有項目都是藍色的。

所以我需要的幫助是如何獲得所有圖像來源，但不是點擊，並將其更改爲銀？或者如果有另一種解決方案？謝謝！

我用這個代碼：karim79 我測試了它，但現在所有圖標留銀，他們不改變在所有

$ (function() { 
$("#menu > li > a").click(function() { 

//gets the image source 
var menyitem = $(this).children("img").attr("src"); 


// searce and replace "silver" with "blue" 
var changedSrc=menyitem.replace("silver", "blue"); 


// changes the attribute SRC with the new one 
$(this).children("img").attr("src", changedSrc); 


}); 
}); 

Answer 1

$(function() { 
    $("#menu > li > a").click(function() { 

     // reset all images 
     $("#menu > li > a > img").attr("src", function(i, val) { 
      return val.replace("blue", "silver"); 
     }); 

     //gets the image source 
     var menyitem = $(this).children("img").attr("src"); 


     // searce and replace "silver" with "blue" 
     var changedSrc = menyitem.replace("silver", "blue"); 


     // changes the attribute SRC with the new one 
     $(this).children("img").attr("src", changedSrc); 


    }); 
});