Javascript 尝试在单击并切换类时查找此项？

我试着在点击时切换这个类，我试过这个，但它似乎不起作用。有什么想法吗？我现在已经包含了一些HTML，以便更容易理解正在发生的事情

    $('.play-with-friends').on('click', function(){
        $('.flipper', this).toggleClass('flipped');
    });

HTML:

{{AwayTeam}}@{{{HomeTeam}}
{{MatchTime}
{{HomeTeam}}-2.5
{{AwayTeam}}
提交
和朋友一起玩

因此请更改您的代码以选择

。flipper

：

    $('.play-with-friends').on('click', function(){
        $('.flipper').toggleClass('flipped');
    });

当你做

$（'.some class'，elem）

你是说你想瞄准

。某个类是
elem
的子类。这不是HTML所显示的内容–实际上，您的
.flipper
位于顶层之上。使用不同的方法如何，例如，使用指定的选择器查找祖先：

$('.play-with-friends').on('click', function() {
    $(this).closest('.flipper').toggleClass('flipped');
});

Try:
$（this.toggleClass（'fliped'）？使用带有2个参数的JQuery选择器显然限制了范围：在您的示例中，您正在查找具有类
flipper
的项，这些项是
this
@Chaska的后代。我需要toggleClass应用于flipper类而不是按钮。@Ian有趣，我应该怎么做？HTML在哪里？这不是我想要实现的，它需要是“这个”。因为我所拥有的是动态生成的。@Bkes真的很困惑。是否要通过单击
.play with friends
，切换
.flipper
的类名？
$('.play-with-friends').on('click', function() {
    $(this).closest('.flipper').toggleClass('flipped');
});