对类使用switch语句

时间:2013-02-16 11:28:44

标签: javascript switch-statement

我是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项目hass class' menu-intro'。然后必须发生一些事情当li项目有class" menu-intro-second'。还有一件事必须发生。

我该怎么做?

谢谢!

2 个答案:

答案 0 :(得分: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;
    }
});

答案 1 :(得分:0)

只需这样做

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

    }