javascript - 通过单击类中的图像来更改图像

Question

我在同一个班级有 4 张图片。文我单击该类的图像之一，我想替换该图像，但只有该图像，而同一类中没有其他图像：

<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

代码中的一些错误 - 将其更改为 -

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

---

见演示

---

带有悬停的新演示

    var isClicked = false;
    $(".changeImage").hover(function(){  
       isClicked = false;
       $(this).attr("src","http://thumb10.shutterstock.com/thumb_small/210376/124505092/stock-photo-beautiful-businesswoman-portrait-124505092.jpg");
     },function(){
   if(!isClicked)  
       $(this).attr("src","http://thumb10.shutterstock.com/thumb_small/91282/117241141/stock-photo-image-of-pretty-businesswoman-looking-at-camera-117241141.jpg");
   else
        isClicked = false;
}).click(function(){
     isClicked = true;
});

Answer 2

你错过了一些我认为的报价：

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

Answer 3

嘿伙计，请检查此代码..

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

这对我来说可以。