아약스 메뉴의 아이콘을 변경 하시겠습니까?

Question

메뉴가 있고 항목을 클릭하면 아이콘을 다른 색상으로 변경하고 싶습니다. 클릭 한 이미지의 src를 변경하여이 작업을 수행했습니다! src images/silver/icon.png를 images/blue/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); 


    }); 
});