javascript - 简单的 jQuery - 命名函数然后调用它

Question

坦率地说，很尴尬的是，当它肯定存在时我找不到解决方案，而且我不能自己弄清楚。尽管如此……

我想构建一个函数，然后在满足条件时调用它，调用时我想引用一个元素，然后该函数会与之交互。因此，例如，我想引用一个 div 并让函数隐藏一堆 div，然后根据满足的条件显示引用的 div。所有这一切都发生在文档准备就绪时。

我有以下内容，类为“.hero-slide”的元素按预期隐藏，但“#hero-slide-2”和“3”不显示:

function showHeroSlide() {
    $('.hero-slide').css({ 'display' : 'none' });
    $(this).css({ 'display' : 'block' });
}

if (bgFilename === '02.jpg') {
    showHeroSlide('#hero-slide-2');
}
else if (bgFilename === '03.jpg') {
    showHeroSlide('#hero-slide-3');
}
else {
    ... 
}

Answer 1

function showHeroSlide(slide) {
    $('.hero-slide').css({ 'display' : 'none' });
    $(slide).css({ 'display' : 'block' });
}