一次动画一个类的单个实例

Question

当用户点击时，我正在使用CSS来翻转图片。它适用于所有浏览器，但是当同一页面上有多个实例时会出现问题。它们都同时具有动画效果。

我如何一次定位特定实例？

http://jsfiddle.net/2ega7yLt/307/

$('.card').click(function(){
    $('.card').toggleClass('applyflip');    
}.bind(this));

谢谢！

Answer 1

在点击处理程序中，使用this来引用引发事件的元素：

$('.card').click(function () {
    $(this).toggleClass('applyflip');
});

Answer 2

使用$(this)作为当前点击元素的参考。

$('.card').click(function () {
    $(this).toggleClass('applyflip');
});

Fiddle