一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery遍历json与数组方法总结

时间:2013-04-11 编辑:简简单单 来源:一聚教程网

 代码如下 复制代码

先我们来参考each() 方法,each()规定为每个匹配元素规定运行的函数,返回 false 可用于及早停止循环

语法

$(selector).each(function(index,element))


 
each处理一维数组

  var arr1 = [ "aaa", "bbb", "ccc" ];     
  $.each(arr1, function(i,val){     
      alert(i);  
      alert(val);
  });
 
alert(i)将输出0,1,2
alert(val)将输出aaa,bbb,ccc


each处理二维数组 

  var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]     
  $.each(arr, function(i, item){     
      alert(i);  
      alert(item);     
  });
 


arr2为一个二维数组,item相当于取这二维数组中的每一个数组。
item[0]相对于取每一个一维数组里的第一个值  
alert(i)将输出为0,1,2,因为这二维数组含有3个数组元素
alert(item)将输出为  ['a', 'aa', 'aaa'],['b', 'bb', 'bbb'],['c', 'cc', 'ccc']

遍历json

[
 {
  "text" : "王家湾",
  "value" : "9"
 },
 {
  "text" : "李家湾",
  "value" : "10"
 },
 {
  "text" : "邵家湾",
  "value" : "13"
 }
]

jquery代码










 

  

E


  
Load

 





一个完整的测试实例大家可参考
 
 
Jquery each Demo 
 
 
 
 
 
 

热门栏目