jquery使用each方法遍历json格式数据实例


Posted in Javascript onMay 18, 2015

本文实例讲述了jquery使用each方法遍历json格式数据的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
  //$.each(array,fn)对数组arry每个元素调用fn函数进行处理,没有返回值
  var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" };
  //json格式的对象(dict)
  $.each(arr, function (key, value) { alert(key + "=" + value); });
  //如果是普通风格的数组,则key的值是序号。
</script>
</head>
<body>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
一些常用的Javascript函数
Dec 22 Javascript
jQuery DOM操作小结与实例
Jan 07 Javascript
JQuery中的ready函数冲突的解决方法
May 17 Javascript
jQuery+jqmodal弹出窗口实现代码分明
Jun 14 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
Mar 01 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
如何检测JavaScript中的死循环示例详解
Aug 30 Javascript
Jquery使用css方法改变样式实例
May 18 #Javascript
Jquery使用val方法读写value值
May 18 #Javascript
JQuery中Text方法用法实例分析
May 18 #Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 #Javascript
JQuery中节点遍历方法实例
May 18 #Javascript
Jquery实现动态切换图片的方法
May 18 #Javascript
JQuery中基础过滤选择器用法实例分析
May 18 #Javascript
You might like
浅析关于PHP位运算的简单权限设计
2013/06/30 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
PHP使用GD库输出汉字的方法【测试可用】
2016/11/10 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
php过滤htmlspecialchars() 函数实现把预定义的字符转换为 HTML 实体用法分析
2019/06/25 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
js选择并转移导航菜单示例代码
2014/08/19 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
javascript添加前置0(补零)的几种方法
2017/01/05 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
Vue.js数据绑定之data属性
2017/07/07 Javascript
详解vue-cli 接口代理配置
2017/12/13 Javascript
jquery写出PC端轮播图实例
2018/01/26 jQuery
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
浅谈TypeScript的类型保护机制
2020/02/23 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
解决qrcode.js生成二维码时必须定义一个空div的问题
2020/07/09 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
[20:30]职业巡回赛回顾
2018/08/09 DOTA
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
使用go和python递归删除.ds store文件的方法
2014/01/22 Python
python实现从字典中删除元素的方法
2015/05/04 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
python实现抖音点赞功能
2019/04/07 Python
python 下载文件的多种方法汇总
2020/11/17 Python
html5 标签
2009/07/16 HTML / CSS
List, Set, Map是否继承自Collection接口?
2016/05/16 面试题
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的?
2013/02/17 面试题
自我介绍演讲稿
2014/01/15 职场文书
企业消防安全责任书
2014/07/23 职场文书
社保委托书怎么写
2014/08/02 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript
使用RedisTemplat实现简单的分布式锁
2021/11/20 Redis