[jQuery] 配列を取り出して任意の形で表示する each() append()

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>

$(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は配列の要素を１つずつ処理します。

.each(配列 , function ( インデックス , 要素){});

eachは配列・オブジェクトの両方に使える、繰り返し処理用の関数になっています。
この関数は第一引数が「配列・オブジェクト」
第二引数が「コールバック」
になっています。

コールバックは以下のようになっています。
1番目：配列の場合はインデックス、オブジェクトの場合はハッシュキー
2番目：値

.append(content)
文字列・HTML・DOM要素・jQueryオブジェクトなどを指定して、マッチした要素の一番後ろに追加します。

XHTML

<div class="sample"></div>

1	<div class="sample"></div>

結果表示

0:a
1:b
2:c
3:d
4:e

0:a

1:b

2:c

3:d

4:e

参考

SearchLight