jquery - 图片 :active border not working

Question

我有 5 张内嵌 1 像素边框的图片。我希望悬停和激活边框具有不同的颜色。

我使用了下面的代码

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

为我的图像添加边框。它工作完美。但我有 5 张图片，单击时所有图片上的边框都保留。我只想在最后单击的图像上有边框。当我单击第一个图像具有边框时，当我单击第二个图像时仅在第二个图像上具有边框，而不是在两个图像上具有边框。我该怎么做？

谢谢!

Answer 1

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

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