2012-04-10 16 views
1

本当に、switchステートメントを使用してコードをきれいに保つようにしていますが、その方法がうまくいかないようです。私はクラス.ClientButtonPicを持つオブジェクトの配列を作っていると私はSwitchステートメントがクリックイベントで機能しない

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

を書く場合は正常に動作しますが、私はクリックすることができる6つのインスタンスを持っているので、私は、switchステートメントを使用していました。 Heres私のコード:

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; 
     } 
    }); 

助けていただければ幸いです。

+0

'this'はイベントを開始したDOMオブジェクトです。 0、1、2のような数字は一度も一致しません。 – jfriend00

答えて

1

thisのインデックスを使用する必要があります。

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

ありがとう、私は.indexを読んでいます –

関連する問題