使用 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

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

如果你把它改成$this.parents('li.active')

你的两个 div 都应该消失：

http://jsfiddle.net/TDsCT/

编辑

仔细检查是因为你的点击：

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

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

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

Answer 2

似乎表达式 $this.parents().eq(3) 没有计算出您想要的结果——左边的两个 div。也许尝试一组不同的 DOM 遍历方法？ （例如 $this.parents().eq(2).prev() 和 $this.parents().eq(2)，虽然这有点杂乱无章）