一次动画 class 的单个实例

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