jquery - 現在のボタンの表示イメージを変更し、その他をデフォルトに変更

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");
});

もう一方は、現在押されているボタンのみが常に「button_selected」を持つsrc「images/button_unselected」を取得しないことを意味します

ありがとう！

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")
});