Switch语句不适用于Click事件

时间:2012-04-10 04:35:39

标签: javascript jquery click switch-statement

我真的试图通过使用switch语句来保持我的代码清洁,但它似乎无法正常工作。我创建了一个具有类.ClientButtonPic的对象数组,如果我写了

var clientButtonNumber = $(".ClientButtonPic");     
$(clientButtonNumber[0]).click(function(){ $(".ClientImages:eq(0)").fadeIn(300); 
$(".ClientImages:eq(1)").fadeOut(300); });

它工作正常,但由于我有6个可以单击的实例,我想使用switch语句。继承我的代码:

var clientButtonNumber = $(".ClientButtonPic");
$(clientButtonNumber).click(function(){
    switch(this)
     {
case 0:
$(".ClientImages:eq(0)").fadeIn(300);
$(".ClientImages:eq(1)").fadeOut(300);
  break;
case 1:
$(".ClientImages:eq(1)").fadeIn(300);
$(".ClientImages:eq(0)").fadeOut(300);
  break;
default:
  break;
         }
     }); 

感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

您需要使用this的索引。

switch( $(this).index(".ClientButtonPic") )