转载地址:http://blog.sina.com.cn/s/blog_636f2d150101ezs1.html

<!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=gb2312" /><title>jquery $.each遍历json数组方法</title><script type="text/javascript" src="jquery.js"></script>
</head>
<body><script>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 ); });</script>
</body>
</html></body>
</html>
<!--
jquery 对象的 $().each() 方法,此方法可用于例遍任何对象
回调函数拥有两个参数:
第一个为对象的成员或数组的索引
例遍数组,同时使用元素索引和内容第二个为对应变量或内容
如果需要退出 each 循环可使回调函数返回 false,其它返回值将被忽略。
$.each( [0,1,2], function(index, content){ alert( "item #" + index + " its value is: " + content );
}); jquery.each(obj,fn,arg)
该方法有三个参数:进行操作的对象obj,进行操作的函数fn,函数的参数args。
obj对象是数组
each方法会对数组中子元素的逐个进行fn函数调用,直至调用某个子元素返回的结果为false为止,也就是说,我们可以在提供的fn函数进行处理,使 之满足一定条件后就退出each方法调用。当each方法提供了arg参数时,fn函数调用传入的参数为arg,否则为:子元素索引,子元素本身
2.obj 对象不是数组
该方法同1的最大区别是:fn方法会被逐次不考虑返回值的进行进行。换句话说,obj对象的所有属性都会被fn方法进行调用,即使fn函数返回false。调用传入的参数同1类似。
jquery.each=function( obj, fn, args ) {
if ( args ) {
if ( obj.length == undefined ){
for ( var i in obj )
fn.apply( obj, args );
}else{
for ( var i = 0, ol = obj.length; i < ol; i++ ) {
if ( fn.apply( obj, args ) === false )
break;}}
} else {
if ( obj.length == undefined ) {
for ( var i in obj )
fn.call( obj, i, obj );
}else{
for ( var i = 0, ol = obj.length, val = obj[0]; i < ol && fn.call(val,i,val) !== false; val = obj[++i] ){}}
}
return obj;
}
-->

jquery $.each遍历json数组方法相关推荐

  1. Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔

    1.ajaX 局部刷新 type- 请求的类型   url- 地址  data- 参数多的话用逗号隔开 在使用 jquery之前先添加:<script type="text/javas ...

  2. 原生js遍历 json数组对象

    //无规律 <script>var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];for(var i=0,l=json.l ...

  3. jq遍历json/数组

    $(function() {//jq遍历json/数组var json =[{code:"101",val:"1111"},{code:"102&qu ...

  4. js深度遍历json数组改变属性名

    js深度遍历json数组改变属性名 1.适用场景 2.代码实现 1.适用场景 需要将json数组的categoryCode字段更改为value字段 2.代码实现 changeName(oldVal, ...

  5. html遍历json数组,JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】

    本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作.分享给大家供大家参考,具体如下: 遍历 JSON 数组: var questions = data.data.questionnaire. ...

  6. js遍历json数组给html td赋值,JS实现给json数组动态赋值的方法示例

    关注微信公众号 JS实现给json数组动态赋值的方法示例 转载  更新时间:2017年07月04日 10:19:00   作者:小魏的马仔 这篇文章主要介绍了JS实现给json数组动态赋值的方法,结合 ...

  7. Javascript用递归的方式遍历json数组

    前言 Javscript语言有很多值得探究和注意的地方,下面我们来看一下用递归的方式遍历JSON对象数组. 正文 假设我们的要遍历的数组是这样的: var array = [{id: 1,childr ...

  8. jquery遍历json数组

    一.使用each遍历 代码如下:      $(function () { var tbody = "";            //------------遍历对象 .each的 ...

  9. jQuery遍历json数组怎么整。。。

    {"options":"[{\"text\":\"王家湾\",\"value\":\"9\" ...

最新文章

  1. Spring与Struts1的集成
  2. 在Windows下搭建SVN服务器并且集成到 Eclipse 开发环境中
  3. CentOS7中使用PM2设置Node-RED开机自启动
  4. 如何用Python画画
  5. SQL Server-聚焦WHERE Column = @Param OR @Param IS NULL有问题?
  6. 淘宝网的技术发展史(一)——个人网站时代
  7. 天津市电子计算机职业学院,天津市电子计算机职业中等专业学校
  8. mvc 视图和模型的对应_通过在酒吧订购饮料来解释模型视图控制器(MVC)
  9. java xms512m_安装版的tomcat设置JAVA_OPTS=-Xms128M -Xmx512M -XX:PermSize=128M -XX:MaxPermSize=512M...
  10. javascript控制台_如何使您JavaScript控制台静音
  11. 策略模式实现支持多种类数据库的DBHelp
  12. 前端vue的基础使用模板
  13. Java生成随机数的4种方式
  14. ubuntu Opencv4及扩展模块编译安装过程
  15. HTML+CSS基础知识2
  16. 针对不同的客户采取不同的沟通方式
  17. 商业源码QQ币,YY币,充值支付系统源码
  18. Android安全框架:Verfied boot -- Secure Boot
  19. 团队RONG合三状态,您的团队是哪一种?
  20. javaFx学习之分页控件Pagination

热门文章

  1. python项目选择背景_Python - - 项目实战 - - 游戏背景
  2. 十四、Python第十四课——文件和异常
  3. 插入排序之表插入排序
  4. HDU 1007Quoit Design(最近点问题)
  5. java二维数组的常见初始化
  6. Linux检查依赖库,linux 查看依赖库
  7. ugui源码_UGUI整体解决方案基础篇(Unity 2019)
  8. c语言代码含义大全,小白求解代码各部分意思
  9. python 包编译安装mysql_CentOS7编译安装MySQL8.0.23和Python3.1.9
  10. 俩台电脑怎么设置同一局域网_方法 | 把手机上的照片传到电脑上