jQuery在父类中为多个类似元素切换类动画

Question

我有一系列的div，我使用css来动画。每个div都有一个触发css动画的按钮。我想使用jQuery向div添加一个css转换类，以便它独立地进行动画处理。诀窍是我需要允许多个div一次激活/动画。我想为每个实例使用相同的js，但我希望div独立行事，不会互相影响。我使用的是：

$(".show").click(function() { 
    $(".show").parent().toggleClass('rise'); 
    }); 

这就是我现在得到：

http://codepen.io/interwebjill/pen/PzZzMW

Answer 1

试试这个代码

$(".show").click(function(event) { 
    $(event.target).closest("div").toggleClass('rise'); 
}); 

Answer 2

看了看你codepend，这就是我'd推荐：

$('#card-container').find.(".show").click(function() { 
    $(this).closest('.card').toggleClass('rise'); 
}); 

• 这限制了事件绑定到卡，容器，以防万一在页面上一些其他的元素使用show类
• 并采用closest而不是parent万一show`链接比第一级
嵌套更深