来自：http://www.php100.com/html/program/jquery/2013/0905/5927.html

先我们来参考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代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>

<script type="text/javascript" src="script/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("#letter-e .button").click(function(){
   $.getJSON("e.json",function(data){
    $("#dictionary").empty();
    $.each(data,function(entryIndex,entry){
     var html = '<div class="entry">';
     html += '<div class="text">' + entry['text'] + '</div>';
     html += '<div class="value">' + entry['value'] + '</div>';
     html += '</div>';     
     $('#dictionary').append(html);
    });    
   });   
  });
 }); 
</script>
</head>
<body>
<div class="letters">
 <div class="letter" id="letter-e">
  <h3>E</h3>
  <div class="button">Load</div>
 </div>
</div>
<div id="dictionary">
</div>
</body>
</html>

一个完整的测试实例大家可参考
  
<mce:script type="text/javascript"><!--  
$(  
function()  
{  
/* 
通用例遍方法，可用于例遍对象和数组。 
不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。 
回调函数拥有两个参数： 
    第一个为对象的成员或数组的索引 
    第二个为对应变量或内容 
如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。 
*/  
/*例遍数组，同时使用元素索引和内容。 
$.each( [0,1,2], function(index, content){ 
  alert( "Item #" + index + " its value is: " + content ); 
}); 
 
var testPatterns =  
      [ 
        'yyyy', 
        'yy', 
        'MMMM', 
        'MMM', 
        'MM', 
        'M', 
        'dd', 
        'd', 
        'EEEE', 
        'EEE', 
        'a', 
        'HH', 
        'H', 
        'hh', 
        'h', 
        'mm', 
        'm', 
        'ss', 
        's', 
        'S', 
        'EEEE MMMM, d yyyy hh:mm:ss.S a', 
        'M/d/yy HH:mm' 
      ]; 
$.each(testPatterns,function(){document.write('<div>'+this+'</div><br />');}); 
*/  
  
  
/*遍历对象，同时使用成员名称和变量内容。 
$.each( { name: "John", lang: "JS" }, function(index, content){ 
  //alert( "Object Name: " + index + ",And Its Value is: " + content ); 
  alert( "Object Property Name Is: " + index + ",And Its Property Value is: " + content ); 
}); 
*/  
  
/*例遍对象数组，同时使用成员变量内容。 
var arr = [{ name: "John", lang: "JS" },{ name: "Nailwl", lang: "Jquery" },{ name: "吴磊", lang: "Ext" }]; 
$.each( arr, function(index, content){ 
  alert( "The Man's No. is: " + index + ",And " + content.name + " is learning " + content.lang ); 
}); 
*/  
  
}  
);  
// --></mce:script>  
<title>Jquery each Demo</title>  
</head>  
  
<body>  
  
</body>  
</html>

jquery遍历json与数组方法总结的更多相关文章

  1. JQuery遍历json数组的3种方法

    这篇文章主要介绍了JQuery遍历json数组的3种方法,本文分别给出了使用each.for遍历json的方法,其中for又分成两种形式,需要的朋友可以参考下 一.使用each遍历 $(functio ...

  2. Javascript/jQuery关于JSON或数组集合的几种循环方法

    JavaScript遍历JSON或数组集合: /** * 根据json数据生成option树形控件 * 如果有children节点则自动生成树形数据 * @param {JSON} data * @p ...

  3. 用jquery解析JSON数据的方法以及字符串转换成json的3种方法

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是 json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject ...

  4. JQuery 获取json数据$.getJSON方法的实例代码

    这篇文章介绍了JQuery 获取json数据$.getJSON方法的实例代码,有需要的朋友可以参考一下 前台: function SelectProject() { var a = new Array ...

  5. jquery 遍历 json【转】

    jquery 遍历 json <HTML> <HEAD> <meta http-equiv="content-Type" content=" ...

  6. 【转】 jquery遍历json数组方法

    $(function () { var tbody = ""; //------------遍历对象 .each的使用------------- //对象语法JSON数据格式(当服 ...

  7. JS/Jquery遍历JSON对象、JSON数组、JSON数组字符串、JSON对象字符串

    JS遍历JSON对象 JS遍历JSON对象 <script> var obj = { "goodsid": "01001", "goods ...

  8. jQuery遍历对象、数组、集合实例

    1.jquery 遍历对象 复制代码代码如下:   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ...

  9. jquery遍历json的几种方法

    for循环: 1 <script> 2 var obj = { 3 "status":1, 4 "bkmsg":"\u6210\u529f ...

随机推荐

  1. Uni2D 入门

    原地址:http://blog.csdn.net/kakashi8841/article/details/17599505

  2. RSA的密钥把JAVA格式转换成C#的格式(2)

    把C#格式转换成Java:RSA的密钥把JAVA格式转换成C#的格式(1) 我已经在第一篇介绍过如何把C#格式转换成Java,现在来看看如何把Java格式转换成C#. /// <summary& ...

  3. Phalcon 訪问控制列表 ACL（Access Control Lists ACL）

    Phalcon在权限方面通过 Phalcon\Acl 提供了一个轻量级的 ACL(訪问控制列表). Access Control Lists (ACL) 同意系统对用户的訪问权限进行控制,比方同意訪问 ...

  4. js获取本页的来源地址

    document.referrer 该属性可以获取到文档的载入地址 需要注意必须是通过改变localtion的href属性或a标签跳转才能获取到 否者将获取到空字符串

  5. redis bgsave 内存不够

    客户反应很慢,程序玩不了,登录服务器,查看,发现cpu/io正常,内存也还有,但是负载很离谱的飙高到了30多,查原因: 因为用了redis,最近redis数据增长量很大,而且优化过,怀疑是redis问 ...

  6. 嵌入式实时操作系统Nucleus PLUS综述

    近些年来,随着嵌入式系统飞速的发展.嵌入式实时操作系统广泛地应用在制造工业.过程控制.通讯.仪器仪表.汽车.船舶.航空航天.军事.装备.消费类产 品等方面. Nucleus PLUS 是为实时嵌入式应 ...

  7. linux下 目录(扩容)挂载磁盘

    1.常用命令 查看硬盘的分区 #sudo fdisk -l 查看IDE硬盘信息 #sudo hdparm -i /dev/hda 查看STAT硬盘信息 #sudo hdparm -I /dev/sda ...

  8. Atitit.java swing打印功能 api  attilax总结

    Atitit.java swing打印功能 api  attilax总结 1. 打印方式有三种:2 1.1. 一是不经过任何修改,直接调用javascript中的window.print()打印.2 ...

  9. Atitit.获取swing ui 按钮控件的id 与名字 与JPDA 调试体系

    Atitit.获取swing ui 按钮控件的id 与名字 与JPDA 调试体系 1. Swing Inspector是一个Java Swing/AWT用户界面分析和调试工具,功能与firebug类似 ...

  10. Tomcat闲聊第二话

    windows下安装Tomcat可以直接下载Installer,需要注意的是,先确保安装了Java虚拟机. 注:默认安装路径为 C:\Program Files\Apache Software Fou ...