[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>

$.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


Author: webmaster