Javascript JQuery切换图像CSS

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

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

有没有一种方法，当我点击下一张图片时，上一张图片会返回到 原始css

我在这里包括了一个JSFIDLE示例：

以下是jquery代码：

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

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

---

谢谢

您需要从所有其他

img

元素中删除

fullview

类，然后再将其添加到单击的元素中。试试这个：

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

---

尝试在

img

“fullview”上删除该类，然后将其添加到

$（此）

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

更新：

我意识到，尽管我们都解决了这个问题，但单击大图像并没有切换它。我在以下代码中为此添加了一个函数：

if ( $('img').hasClass('fullview') ) {
    $(this).click(function() {
        $(this).removeClass('fullview');
});
}

---

检查这把小提琴。我解决了你的问题。请检查一下这把小提琴

---

这很接近，但不会切换较大的图像。检查下面我的答案。很好用。这很有效。为什么你拿走了我的最佳答案奖？你的更新有一个问题-点击同一张图片两次，它就不再工作了。是的，我马上意识到…我一直在做一个solution@samrap-谢谢，但正如Rory指出的，它只起作用一次。请参阅更新的答案。“我只需要toggleClass。@AliCarikcioglu可能是因为你在我发布和回答后将近30分钟才发布，而OP自己已经对它进行了排序。

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