javascript - 对类使用 switch 语句

Question

我是 javascript 的 switch 语句的新手。

我有一个很大的列表项。每个项目都有自己的类。对于每个列表项，应该做其他事情。

我制作了这个开关代码：

$('.nav-main li').click(function() {
    var item = this;

    switch (item) {
    case '.menu-intro':
        alert("test");
        break;

    case '.menu-intro-second':
        alert("test2");
        break;
    }
});

但问题是：如何检查类名？当 nav-main li 项目具有类 'menu-intro' 时。那么一定会发生一些事情。当 li 项目具有类“menu-intro-second”时。必须发生另一件事。

我怎样才能做到这一点？

谢谢！

Answer 1

像这样使用它：

$('.nav-main li').click(function() {
    var item = this;

    switch ($(item).attr('class')) {
      // in case the the class of the element is only menu-intro
      case 'menu-intro':
        alert("test");
        break;
      // in case the the class of the element is only menu-intro-second
      // or in case the class is menu-intro-third
      case 'menu-intro-second':
      case 'menu-intro-third':
        alert("test3");
        break;
      // in case the the classes of the element is menu-intro and active
      case 'menu-intro active':
        alert("test4");
        break;
      // in all other cases...
      default:
        alert("default");
        break;
    }
});

Answer 2

只需这样做

 var item = this;
    switch($(item).attr('class')) {

    }