$.each()のいくつかのよくある使い方を整理します.

2025 ワード

$.each()は1次元配列を巡回します.
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); 
});