變化顯示當前按鈕的圖像以及更改其他爲默認

Question

我有幾個按鈕：

<button class="image1-button"><img src="images/button_unselected.png"></button> 
<button class="image1-button"><img src="images/button_unselected.png"></button> 
<button class="image1-button"><img src="images/button_unselected.png"></button> 
<button class="image1-button"><img src="images/button_unselected.png"></button> 

當我按他們的一個下發生：

$(".image1-button").click(function(){ 
$(this).find("img").attr("src", "images/button_selected.png"); 
}); 

我怎麼可以說，其他，意味着不（這）得到src「圖像/ button_unselected」，總是隻有當前按下的按鈕有「button_selected」

謝謝！

Answer 1

像這樣：

$(".image1-button").click(function(){ 
    //Reset all 
    $(".image1-button").find("img").attr("src", "images/button_unselected.png"); 
    //mark current 
    $(this).find("img").attr("src", "images/button_selected.png"); 
}); 

Answer 2

 
$(".image1-button").click(function(){ 
    $(this).find("img").attr("src", "images/button_selected.png") 
    $(this).siblings().find("img").attr("src", "images/button_unselected.png") 
});