JQuery 切换图像 CSS

我正在使用 Jquery 更改某些图像的 css。

它可以工作并在单击时更改图像 css 大小。 唯一的问题是，当我单击下一张图片时，上一张图片仍然存在 使用新的 css 切换。

有没有办法，当我点击下一张图片时，上一张图片会返回到 原来的CSS。

我在这里包含了一个 jsfiddle 示例：http://jsfiddle.net/webdott/hSFpp/ http://jsfiddle.net/webdott/hSFpp/

这是 jquery 代码：

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

您可以看到您单击的每个图像都保持很大。

Thanks

您需要删除fullview与其他所有类别相比img元素，然后将其添加到单击的元素中。尝试这个：

$('img').click(function() {
    $('img').removeClass('fullview'); // remove class from all
    $(this).addClass('fullview'); // add class to clicked img
});

更新了小提琴 http://jsfiddle.net/hSFpp/5/