@ PHP

each():コレクション形式オブジェクトの繰り返し処理

取得した要素に対して、イベントなどを設定するわけではなく、順番にスクリプトを適用したい場合があります。このような場合は each() を使います。each() では実行したい処理を引数として渡します。渡す function() には引数と変数を指定しておきます。引数にはいる変数は通常 i とします。i には今処理している要素が何番目なのかを表す数字が入ります。

each.html では、p 要素の内容全てを何番目の要素かにおきかえます。

each.html

<!DOCTYPE html>
<html lang="ja">

<head>
<meta charset="utf-8">
<title>sample</title>
</head>

<body>
  <p>each()のテスト</p>
  <p>each()のテスト</p>
  <p>each()のテスト</p>
  <p>each()のテスト</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(function() {
  $("p").each(function(i){
    $(this).html(i+"番目の"+this+"です。")
  })
});
</script>
</body>

</html>

demo