基于多个类之一的 switch case 语句

Question

我正在尝试实现这样的 switch case 语句：

switch (active.attr('class')){
    case "video": ...

        case "slideshow": ...
...

问题是，“视频”和“幻灯片”都是我尝试定位的 div 所具有的三个类之一，因此它与大小写不匹配。 ..

我基本上会怎么说“视频是 attr('class') 的一部分”？

谢谢， 卢茨

Answer 1

看起来您正在使用 jQuery，它提供了两种方法：

• .is()^帮助
• .hasClass( )^help

所以你可以调用：

if( active.hasClass('video') ) { }

或

if( active.is('.video') ) { }

注意 .is() 需要一个更具体的模式，以 .< /code> 但你也可以确定很多其他的东西，比如 .is('div') 等。

Answer 2

您也许可以尝试拆分字符串。
我的脑海里浮现出：

var classes = active.attr('class').split(' ');
foreach(var c in classes) {
    switch(c) {
        case 'video'
        ...
        case 'slideshow'
        ...
    }
}

只是一个想法。上面的答案可能会以其他方式执行相同的操作:)

编辑：

您还可以像这样使用 jQuery .each() ：

classes.each(function(c) {
    switch(c) {
        case 'video'
        ...
        case 'slideshow'
        ...
    }
}

Answer 3

您可以使用 hasClass

查看此相关帖子。 我认为确实如此你想做什么。

Answer 4

使用 if 和 hasClass 方法：

if (active.hasClass('video')) {
}
else if {active.hasClass('slideshow')) {
}

如果您需要同时执行这两个操作（在开关上失败），删除 else 以便 if 语句是独立的。