jQuery要素IDをインクリメントする方法

Question

jPlayer（jquery audio player）：jPlayer1、jPlayer2、jPlayer3、jPlayer4の各インスタンスは、オーディオファイルで初期化され、プリロードされています。

以下の関数を呼び出すと、既存の配列をトラバースし、プリロードされたオーディオを再生するメソッドを追加します。

function addPlayAudioMethodToExerciseArray(){ 
    for (i in qaArray){ 
     qaArray[i].playAnswer = function(){ $('#jPlayer'+i).jPlayer('play',0);} 
    } 
} 

それは一部を除いて大丈夫メソッドを作成します（ '＃jPlayer' + I）（ '＃jPlayer2'）、（ '＃jPlayer1'）になることを評価されていない、など

多く前もって感謝します。 注：私は騒ぎです。

Answer 1

問題は、すべての "playAnswer"関数がまったく同じ "i"変数をラップすることです。つまり、「i」は1つしかありません（この場合、varで宣言していないので、グローバルです）。

もう1つのを使用すると、コールバックごとに別々の「i」を指定できます。

function addPlayAudioMethodToExerciseArray(){ 
    function makePlayerCallback(i) { 
     return function() { 
     $('#jPlayer' + i).jPlayer('play', 0); 
     }; 
    } 

    for (var i = 0; i < qaArray.length; ++i){ 
     qaArray[i].playAnswer = makePlayerCallback(i); 
    } 
} 

「makePlayerCallback」機能はに効果的にローカルであること機能することを、自分自身の「i」を個別に持っているコールバック関数になり、独自のパラメータの「i」を、持っています。その関数を呼び出すたびに、返されたコールバック関数の周りに「クロージャ」と呼ばれるものが作成されます。 （私のループはゼロから始まります;もしあなたの識別子が1から始まっていれば、どこかに1を加えればそれを考慮する必要があります。 "i"はvarのループで "addPlayAudioMethodToExerciseArray"（ロングファンクションの名前の少年です;あなたはそれを頻繁に入力する必要はないと思っています。また、「qaArray」は本当に正直でゴシックな配列であり、n個のオブジェクトではないという前提で、数値インデックスとして使用しました。配列に数値インデックスを使用することをお勧めします。

Answer 2

使用colsures

はこれを試してみてください。

for(i in qaArray) 
    { 
     qaArray[i].playAnswer = function (num) 
     { 
      return function() 
      { 
       $('#jPlayer' + num).jPlayer('play', 0); 
      } ; 
     }(i) 
    };