$.each()のいくつかのよくある使い方を整理します.
2025 ワード
$.each()は1次元配列を巡回します.
もしあなたのdomの中にこのようなコードがあったら:
var arr1 = [ "aaa", "bbb", "ccc" ];
$.each(arr1, function(i,val){
console.info(i); // , 0,1,2
console.info(val); // , aaa,bbb,ccc
});
$.each()は二次元配列を巡回します.var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
$.each(arr, function(i, item){
console.info(i); // , , 0,1,2
console.info(item); // ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']
});
// item $.each()
var arr = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
$.each(arr, function(i, item){
$.each(item,function(j,val){
console.info(j); // 0,1,2,0,1,2,0,1,2
console.info(val); // a,aa,aaa,b,bb,bbb,c,cc,ccc
});
});
$.each()はjsonデータを遍歴しています.var obj = { one:1, two:2, three:3};
each(obj, function(key, val) {
console.info(key); // one two three
console.info(val); // 1,2,3 val obj[key]
});
$each()はDOM要素を巡回します.もしあなたのdomの中にこのようなコードがあったら:
次のようにエルゴード操作ができます.$.each($("input:hidden"), function(i,val){
console.info(val); // [object HTMLInputElement],
console.info(i); // 0,1,2,3
console.info(val.name); // aaa,bbb,ccc,ddd, this.name
console.info(val.value); // 111,222,333,444, this.value
});
// , :
$("input:hidden").each(function(i,val){
console.info(i);
console.info(val.name);
console.info(val.value);
});