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/