jQueryを使って配列を表示する方法です。
配列を元にリストを作ったりする場面で活用できます。
jQuery
<script type="text/javascript"> $(function() { var arr = ["a", "b", "c", "d", "e"]; $.each(arr, function(index, element) { $('.sample').append(index + ':' + element + '<br>'); }); }); </script>
$.each(arr, function(index, element)
eachは配列の要素を1つずつ処理します。
.each(配列 , function ( インデックス , 要素){});
eachは配列・オブジェクトの両方に使える、繰り返し処理用の関数になっています。
この関数は第一引数が「配列・オブジェクト」
第二引数が「コールバック」
になっています。
コールバックは以下のようになっています。
1番目:配列の場合はインデックス、オブジェクトの場合はハッシュキー
2番目:値
.append(content)
文字列・HTML・DOM要素・jQueryオブジェクトなどを指定して、マッチした要素の一番後ろに追加します。
XHTML
<div class="sample"></div>
結果表示
0:a 1:b 2:c 3:d 4:e