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

jQueryを使って配列を表示する方法です。
配列を元にリストを作ったりする場面で活用できます。
1 2 3 4 5 6 7 8 9 10 11 |
<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は配列・オブジェクトの両方に使える、繰り返し処理用の関数になっています。
この関数は第一引数が「配列・オブジェクト」
第二引数が「コールバック」
になっています。
コールバックは以下のようになっています。
1番目:配列の場合はインデックス、オブジェクトの場合はハッシュキー
2番目:値
.append(content)
文字列・HTML・DOM要素・jQueryオブジェクトなどを指定して、マッチした要素の一番後ろに追加します。
1 |
<div class="sample"></div> |
1 2 3 4 5 |
0:a 1:b 2:c 3:d 4:e |
関連記事
- [jQuery] 背景の色を変更する方法
- [jQuery] eachでリストの要素数を数える
- [D3.js] 要素を加え文字列を表示させる方法
- [jQuery] クリックされたリストの番号やテキストを取得する方法
- [JQuery] Ajaxが使える状態かどうかチェックする方法