jquery - 使用 Jquery .each() 函数隐藏图像，因为另一个图像显示在同一类中

Question

我正在使用 stellar.js 制作视差网站。我设置了脚的图像以在滚动期间显示在不同的点。我正在尝试编写一个函数，当显示一个脚时将隐藏所有其他脚的副本。我无法更改恒星文件本身来执行此操作，因此我必须尝试使用​​外部函数：

//Feet on slide
$('.walkingFoot').each(function() {
    if ($(this).css('display') == 'block') {
        $('.walkingFoot').not(this).css('display','none');
    }   
});

集合中的所有脚图像都在 .walkingFoot 类中。我要做的是在显示属性设置为阻止时隐藏类中的所有其他脚。上面的代码似乎不起作用。任何帮助将不胜感激。

Answer 1

您可以在以下位置更改代码：

$('.walkingFoot').each(function () {
    if ($(this).is(":visible")) {
        $('.walkingFoot').not(this).hide();
    }
});

演示：http: //jsfiddle.net/IrvinDominin/2NEPY/