javascript - 基于数组构建开关

Question

我想基于我从查询字符串创建的数组创建一个 Javascript 开关。我不确定如何继续。

假设我有一个这样的数组:

var myArray = ("#general","#controlpanel","#database");

我想创建这个...

switch(target){
            case "#general":
                $("#general").show();
                $("#controlpanel, #database").hide();
            break;
            case "#controlpanel":
                $("#controlpanel").show();
                $("#general, #database").hide();
            break;
            case "#database":
                $("#database").show();
                $("#general, #controlpanel").hide();
            break;  
        }

myArray 可以包含任意数量的元素，因此我希望根据数组的长度动态创建开关。 default 情况始终是第一个选项。

该数组是从带有正则表达式的 location.href 创建的，以仅提取我需要的内容。

非常感谢!

Answer 1

@Michael 有正确的一般答案，但这里有一个更简单的方法来实现相同的目标:

// Once, at startup
var $items = $("#general,#controlpanel,#database");

// When it's time to show a target
$items.hide();     // Hide 'em all, even the one to show
$(target).show();  // OK, now show just that one

如果您真的只有一个选择器数组，那么您可以通过以下方式创建它们的 jQuery 集合:

var items  = ["#general","#controlpanel","#database"];
var $items = $(items.join(','));

哦，还有 "Thanks, Alot!" :)