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

See DEMO

New Demo with Hover

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

它适用于我。

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

3 个答案: