javascript - 一次仅将 jquery 脚本应用于一个类

Question

如何将此脚本一次仅应用于一个类

<script>

    $(document).ready(function(){



        // set up click/tap panels
        $('.click').toggle(function(){

            $(this).addClass('flip');
        },function(){
            $(this).removeClass('flip');
        });

        // set up block configuration
        $('.action').click(function(){;
            $('.card').addClass('flip');
        });
        $('.action2').click(function(){
            $('.card').removeClass('flip');
        });


});

当我单击操作类时，所有卡片类都会翻转，我想一次旋转一个。

我的想法是单击一张并仅翻转该卡片，单击另一张并仅翻转该卡片而不是同时翻转所有卡片。

Answer 1

如果您只想翻转包含您单击的操作的 .card div，请执行以下操作:

    $('.action').click(function(){;
        $(this).closest(".card").addClass('flip');
    });