Jqueryコールバックメソッドに値を渡す方法は？

Question

私はdivタグにCSSスタイルを設定するための以下の例を見つけました。私の疑いは、「インデックス」という値が、どのような価値を持っているのかということです。またはユーザーがのインデックスの値を渡すことを嫌うなら、のインデックス paramのコールバック関数の値（つまり使用法）をどのように渡すのですか？

$("div.example").css("width", function(index) {return index * 50;}); 

Answer 1

indexは、すべての要素の要素のインデックスです。あなたはその価値を渡すべきではありません。

divにクラスexampleの3つの要素がある場合、最初の要素のインデックスは0になり、その幅は0px (0*50)に設定されるとします。 2番目の要素のインデックスは1になり、その幅は50px (1*50)に設定され、3番目の要素のインデックスは2になり、その幅は100px (2*50)に設定されます。

Answer 2

インデックス値はコールバック関数でゼロから始まり、デフォルト）。

あなたがそれに特定の値を初期化するか、設定したい場合はヨーヨーがこの方法でそれをしなければならない：インデックスの

 $("div").css('width', function(i) { 
      i = 5; 
      return (i * 50); 
     }); 

しかし、ここで値が常に選択した要素の5に設定されています。だから、私はこの方法でインデックス値のデフォルト機能を使用することをお勧めします。

 $("div").css('width', function(i) { 
      ++i;  // or i++; 
      return (i * 50); 
     }); 

ここでは、ゼロをスキップするためにインデックスiを増やしました。

OR

あなたがインデックスにいくつかの開始値を設定したい場合は、次のコードスニペットを参照してください。今、あなたは出力期待する恐れがあります

let j = 5; 
    $("div").css('width', function(i) { 
     i = inc(); 
     function inc() { 
      j++; 
      return j; 
     }; 
     return (i * 50); 
    }); 

希望を。 :) :)