jquery - 在单击jQuery的类之间切换

我有一个带有smallimage类的div-当我单击smallimage时，我想删除class smallimage并添加一个名为bigimage的类。

使用下面的代码，当我单击div时，它会删除smallimage并添加bigimage，但是当我再次单击时，它并不会删除bigimage并添加回smallimage。我要在单击时在类smallimage和bigimage之间切换。

提前致谢！

<script>
  $('.smallimage').click(function() {
    $(this).addClass('bigimage');
    $(this).removeClass('smallimage');
  });

  $('.bigimage').click(function() {
    $(this).addClass('smallimage');
    $(this).removeClass('bigimage');
  });
</script>

最佳答案

请尝试以下方法。

$(document).on('click','.smallimage, .bigimage', function() {
   $(this).toggleClass('smallimage bigimage');
});

JSFiddle