eachメソッド

jQuery勉強中。

eachメソッドとfunctioni)について

上記の変数iは0から始まり、0,1,2,3…と増える。

下記のコード例だと、$slidesオブジェクト(実は、画像3枚表示するための、<img>タグの集合)の数(ここでは<img>タグの数である3個)分繰り返し実行される。そのため、iは、0,1,2となってfunction(i){}の{}内の処理が繰り返される。

// 各スライドの位置を決定し、
// 対応するインジケーターのアンカーを生成
$slides.each(function (i) {
$(this).css({ left: 100 * i + '%' });
indicatorHTML += '<a href="#"> + 'i' + </a>';
});

処理が完了すると、indicatorHTML変数には、以下の文字列が代入される(ここでは見やすいように改行していますが、実際は改行は無し。)

<a href="#">0</a>
<a href="#">1</a>
<a href="#">2</a>

 

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください