Jquery 使用替换进行图像切换

Jquery 使用替换进行图像切换,jquery,Jquery,我有一个这样的图像列表: <div class="prizes"> <img src="img/prize1-normal.png" width="102" height="137"> </div> <div class="prizes"> <img src="img/prize2-normal.png" width="102" height="137"> </div> 很好。但现在需要将以前单击的图

我有一个这样的图像列表:

<div class="prizes">
    <img src="img/prize1-normal.png" width="102" height="137">
</div> 

<div class="prizes">
    <img src="img/prize2-normal.png" width="102" height="137">
</div> 
很好。但现在需要将以前单击的图像切换为正常。如何执行此操作?

将其添加到else:

$('.prizes').on('click', function(){
    var file = $(this).find('img').attr('src');

    var src = (file.indexOf('clicked') == -1) ? file.replace("-normal", "-clicked") : file.replace("-clicked", "-normal");

    $(this).find('img').attr("src", src);
});
示例:


“上一次单击”,您是指之前单击过的图像吗?请参见:皮特,当我单击一个项目时,如果单击了另一个项目,则必须将其变为正常。@marcelo2605啊,好的,这从来没有说过。试试这个:谢谢你,皮特!现在一切正常。
$('.prizes').on('click', function(){
    var file = $(this).find('img').attr('src');

    var src = (file.indexOf('clicked') == -1) ? file.replace("-normal", "-clicked") : file.replace("-clicked", "-normal");

    $(this).find('img').attr("src", src);
});
css

 .imag1{ background:url("../img/prize1-normal.png") no-repeat;width:102px; height:137px;}
 .imag2{ background:url("../img/prize2-normal.png") no-repeat;width:102px; height:137px;}


 var count=1;
 $(".prizes").live('click', function() {
    if(opacity==1){                       
$(".prizes").removeClass('imag2');
$(".prizes").addClass('imag1')
 count=2;
    }

    else{
count=1;    
$(".prizes").removeClass('imag1');
    $(".prizes").addClass('imag2');
    } 
});