jquery $.each遍历json数组方法
转载地址: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数组方法相关推荐
- Web jquery ajax,EL遍历 js刷新 jquery遍历json数组填充表格 等等随笔
1.ajaX 局部刷新 type- 请求的类型 url- 地址 data- 参数多的话用逗号隔开 在使用 jquery之前先添加:<script type="text/javas ...
- 原生js遍历 json数组对象
//无规律 <script>var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];for(var i=0,l=json.l ...
- jq遍历json/数组
$(function() {//jq遍历json/数组var json =[{code:"101",val:"1111"},{code:"102&qu ...
- js深度遍历json数组改变属性名
js深度遍历json数组改变属性名 1.适用场景 2.代码实现 1.适用场景 需要将json数组的categoryCode字段更改为value字段 2.代码实现 changeName(oldVal, ...
- html遍历json数组,JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
本文实例讲述了JS遍历JSON数组及获取JSON数组长度操作.分享给大家供大家参考,具体如下: 遍历 JSON 数组: var questions = data.data.questionnaire. ...
- js遍历json数组给html td赋值,JS实现给json数组动态赋值的方法示例
关注微信公众号 JS实现给json数组动态赋值的方法示例 转载 更新时间:2017年07月04日 10:19:00 作者:小魏的马仔 这篇文章主要介绍了JS实现给json数组动态赋值的方法,结合 ...
- Javascript用递归的方式遍历json数组
前言 Javscript语言有很多值得探究和注意的地方,下面我们来看一下用递归的方式遍历JSON对象数组. 正文 假设我们的要遍历的数组是这样的: var array = [{id: 1,childr ...
- jquery遍历json数组
一.使用each遍历 代码如下: $(function () { var tbody = ""; //------------遍历对象 .each的 ...
- jQuery遍历json数组怎么整。。。
{"options":"[{\"text\":\"王家湾\",\"value\":\"9\" ...
最新文章
- Spring与Struts1的集成
- 在Windows下搭建SVN服务器并且集成到 Eclipse 开发环境中
- CentOS7中使用PM2设置Node-RED开机自启动
- 如何用Python画画
- SQL Server-聚焦WHERE Column = @Param OR @Param IS NULL有问题?
- 淘宝网的技术发展史(一)——个人网站时代
- 天津市电子计算机职业学院,天津市电子计算机职业中等专业学校
- mvc 视图和模型的对应_通过在酒吧订购饮料来解释模型视图控制器(MVC)
- java xms512m_安装版的tomcat设置JAVA_OPTS=-Xms128M -Xmx512M -XX:PermSize=128M -XX:MaxPermSize=512M...
- javascript控制台_如何使您JavaScript控制台静音
- 策略模式实现支持多种类数据库的DBHelp
- 前端vue的基础使用模板
- Java生成随机数的4种方式
- ubuntu Opencv4及扩展模块编译安装过程
- HTML+CSS基础知识2
- 针对不同的客户采取不同的沟通方式
- 商业源码QQ币,YY币,充值支付系统源码
- Android安全框架:Verfied boot -- Secure Boot
- 团队RONG合三状态,您的团队是哪一种?
- javaFx学习之分页控件Pagination
热门文章
- python项目选择背景_Python - - 项目实战 - - 游戏背景
- 十四、Python第十四课——文件和异常
- 插入排序之表插入排序
- HDU 1007Quoit Design(最近点问题)
- java二维数组的常见初始化
- Linux检查依赖库,linux 查看依赖库
- ugui源码_UGUI整体解决方案基础篇(Unity 2019)
- c语言代码含义大全,小白求解代码各部分意思
- python 包编译安装mysql_CentOS7编译安装MySQL8.0.23和Python3.1.9
- 俩台电脑怎么设置同一局域网_方法 | 把手机上的照片传到电脑上