图像：活动边框不起作用

Question

我有5个内嵌1px边框的图像。我想悬停并激活边框以获得不同的颜色。

我使用了以下代码

$('img').click(function(){ $(this).toggleClass('orangeborder'); });

边框我的图片。它完美无缺。但我有5张图像，点击时所有图像上都有边框。我想只在最后一张图片上点击边框。当我单击第一个图像以获得边框时，当我单击第二个图像时，仅在第二个图像上具有边框，而不是在两个图像上。我该怎么办？

谢谢！

Answer 1

首先从所有图像中删除该类，然后将其添加到单击的图像中。

$('img').click(function(){ 
    $('img').removeClass('orangeborder');
    $(this).addClass('orangeborder'); 
});

Answer 2

Fist从所有图像中删除类orangeborder，然后在指定图像上添加类orangeborder，如下所示：

 $('img').click(function(){ 
   $('img').removeClass('orangeborder');
   $(this).addClass('orangeborder'); 
 });