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中继承的一些示例方法与属性参考
Aug 07 Javascript
JavaScript 通过模式匹配实现重载
Aug 12 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
jQuery截取指定长度字符串代码
Aug 21 Javascript
关于Node.js的events.EventEmitter用法介绍
Apr 01 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
Jan 09 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
Jan 11 Javascript
Array数组对象中的forEach、map、filter及reduce详析
Aug 02 Javascript
vue.js添加一些触摸事件以及安装fastclick的实例
Aug 28 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
Mar 29 Javascript
JavaScript设计模式之原型模式详情
Jun 21 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下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
用PHP实现弹出消息提示框的两种方法
2013/12/17 PHP
PHP中使用glob函数实现一句话删除某个目录下的所有文件
2014/07/22 PHP
ThinkPHP权限认证Auth实例详解
2014/07/22 PHP
javascript 数据类型转换(parseInt,parseFloat)
2010/07/20 Javascript
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
js捕获鼠标滚轮事件代码
2013/12/16 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
浅谈javascript中的加减时间
2016/07/12 Javascript
react-router实现跳转传值的方法示例
2017/05/27 Javascript
jquery tmpl模板(实例讲解)
2017/09/02 jQuery
深入理解Vue Computed计算属性原理
2018/05/29 Javascript
jsonp实现百度下拉框功能的方法分析
2019/05/10 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
Python自动化测试Eclipse+Pydev 搭建开发环境
2016/08/15 Python
详解python多线程之间的同步(一)
2019/04/03 Python
详解python函数的闭包问题(内部函数与外部函数详述)
2019/05/17 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
PyTorch中permute的用法详解
2019/12/30 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
应届大学生求职的自我评价
2013/11/17 职场文书
法律专业推荐信范文
2013/11/29 职场文书
七年级音乐教学反思
2014/01/26 职场文书
婚礼主持词开场白
2014/03/13 职场文书
护士个人自我鉴定
2014/03/24 职场文书
浅谈JS的二进制家族
2021/05/09 Javascript
Flutter Navigator 实现路由传递参数
2022/04/22 Java/Android
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL