javascript - クラスから画像をクリックして画像を変更する

Question

同じクラスに 4 つの画像があります。その画像を置き換えたいそのクラスの画像の1つをクリックしますが、その画像のみで、同じクラスの他の画像はクリックしません:

<img src="1..." class="things">
<img src="2..." class="things">
<img src="3..." class="things">
<img src="4..." class="things">

JavaScript コード (jQuery を使用) には、次のものがあります。

$(".things").click(function(){
$(this).attr('src', 'other_image.png');
})

それは何もしません！マウスをホバーしたときにアイコン画像を変更するための .hover() がある前に! たぶんそれが問題です！

Answer 1

やあ相棒、このコードをチェックしてください..

<script>
$("document").ready(function (){
$("img").click(function(){
$(this).attr('src', 'Blue hills.jpg');
});
});

それは私にとってはうまくいきます。