jQuery勉強:要素の配列メモ
まだ変数に入れた配列の扱いがよくわかっていないのでメモ。
■スクリプト
var arr1 = ["A", "B", "C", "D", "E"]; var arr2 = $('#test01 ul li').map(function(){ return $(this).text(); });arr1には直接配列を、arr2にはliのテキストを格納。
■デモプレビュー
- リスト1
- リスト2
- リスト3
- リスト4
- リスト5
arr2はオブジェクトでのテキストを格納ということになる。jQueryオブジェクトをそのままarr2に入れているからそれもそうか。
だから扱いも二つで違ってくる。
できることとできないこと
arr1を直接書き出すことは可能。
$('#test02 p').text(arr1.join(','));
ここにarr1の中身を表示
しかし、これはarr2のほうだとエラーになる。
$('#test02 p').text(arr2.join(','));
オブジェクト扱いのテキストはダメか。
ただ、これはどちらも可能
i=j=0; $('#btn4').click(function(){ $('#show1').text(arr1[i]); (i==4)?i=0:i++; }); $('#btn5').click(function(){ $('#show2').text(arr2[j]); (j==4)?j=0:j++; });
ここにarr1の中身を表示 ここにarr2の中身を表示
arr1[0]のような、出力なら、arr1もarr2も出力される。
参考サイト: