javascript - Switch 语句不适用于 Click 事件

Question

我真的试图通过使用 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;
         }
     }); 

任何帮助表示赞赏。

Answer 1

您需要使用 的索引this。

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