javascript - 使用 jQuery 从两个元素中删除类

Question

我的动画有一个奇怪的(又一次)问题。

简而言之，我有一张图片，当我点击它时，出现了两个div，并且有一个关闭按钮可以删除那些div。但是当我点击那个按钮时，只有一个 div 消失了。

这两个新的 div 有一个调试类，我通常在单击按钮时将其删除

$('#gallery').on('click', 'li', function(e) {

        // To display the animations with position
        var $this = $(this),
            dataItem = $this.data('item');

        // Left animation
        if ( dataItem == 1 ) {
            console.log( $this );

            $this
                .addClass('active')
                .find('.info-texte')
                    .removeClass('hidden')
                    .addClass('debug');

            // When animation is ended add the second part
            $this.find('.debug').on('animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd', function() {
                $this.find('.info-btn')
                    .removeClass('hidden')
                    .addClass('debug');
            });
        }

        // Supprime le href event
        e.preventDefault();
    });

    $('.btn-close').on('click', function() {
        var $this = $(this);

        $this
            .parents()
            .eq(3)
                .removeClass('active')
                .find('.info-texte, .info-btn')
                    .removeClass('debug')
                    .addClass('hidden');
    });

您可以在此处查看实际操作:http://www.jeremybarbet.com/effect/bug.html

Answer 1

根据我的意见，您的 $this.parents().eq(3) 定位了错误的元素

如果您将其更改为 $this.parents('li.active')

你的两个 div 应该消失:

http://jsfiddle.net/TDsCT/

编辑

经过仔细检查，这是因为您的点击:

$('#gallery').on('click', 'li'

当您单击按钮时也会触发此事件，因为该按钮位于您的 #gallery li 中。我已经更改了您的代码，因此您点击图片而不是打开，然后点击您的按钮关闭:

http://jsfiddle.net/TDsCT/5/