javascript - JQuery 切换图像 CSS

Question

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

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

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

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

这是 jquery 代码:

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

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

谢谢

Answer 1

您需要从所有其他 img 元素中删除 fullview 类，然后再将其添加到单击的元素中。试试这个:

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

Updated fiddle