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 相关文章推荐
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 Javascript
JavaScript中push(),join() 函数 实例详解
Sep 06 Javascript
js实现的简练高效拖拽功能示例
Dec 21 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
react redux入门示例
Apr 19 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
mocha的时序规则讲解
Feb 16 Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
Vue实现商品详情页的评价列表功能
Sep 04 Javascript
Vue中keep-alive组件的深入理解
Aug 23 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
迅雷下载《中学科技》怀旧期刊下载
2021/02/27 无线电
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
PHP缓冲区用法总结
2016/02/14 PHP
简单解决微信文章图片防盗链问题
2016/12/17 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
Javascript的IE和Firefox兼容性汇编(zz)
2007/02/02 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
禁止JQuery中的load方法装载IE缓存中文件的方法
2009/09/11 Javascript
jQuery.extend 函数的详细用法
2012/06/27 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
jQuery点击弹出下拉菜单的小例子
2013/08/01 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
纯javascript判断查询日期是否为有效日期
2015/08/24 Javascript
jQuery实现邮箱下拉列表自动补全功能
2016/09/08 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
如何解决webpack-dev-server代理常切换问题
2019/01/09 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
2019/04/17 Javascript
vue路由传参三种基本方式详解
2019/12/09 Javascript
JavaScript eval()函数定义及使用方法详解
2020/07/07 Javascript
[47:04]EG vs RNG 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
给Python IDLE加上自动补全和历史功能
2014/11/30 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
python 获取url中的参数列表实例
2018/12/18 Python
opencv实现简单人脸识别
2021/02/19 Python
详解Sticky Footer 绝对底部的两种套路
2017/11/03 HTML / CSS
佳能英国官方网站:Canon UK
2017/08/08 全球购物
送货司机岗位职责
2013/12/11 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
副校长竞聘演讲稿
2014/09/01 职场文书
学习优秀党务工作者先进事迹材料思想报告
2014/09/17 职场文书
资料员岗位职责
2015/02/10 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书