jQuery方法中$.each循环遍历读取json数组的示例代码
直接上代码：
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="website" content="camnpr.com" />
<title>jquery $.each遍历json数组方法</title>
</head><body>
<script type="text/javascript">
var arr = [{ name: "camnpr", lang: "js" },{ name: "com", 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>
jquery 对象的 $().each() 方法，此方法可用于例遍任何对象
回调函数拥有两个参数：
第一个为对象的成员或数组的索引
例遍数组，同时使用元素索引和内容
$.each( [0,1,2], function(index, content){
alert( "item #" + index + " its value is: " + content );
}); 第二个为对应变量或内容
如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。
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扩展wScratchPad来实现微信营销平台系统–刮刮乐的开发示例代码(2014-9-17 10:50:5)
- 解决Cannot use object of type stdClass as array in的PHP错误的办法(2014-8-12 14:33:2)
- jquery radio 取值 input[name='camnpr']:checked(2014-8-8 18:0:40)
- PHP中多维数组的foreach遍历示例(2014-8-6 16:7:17)
- php的三种判断数组元素中是否存在某个字符串的方法（in_array, array_key_exists,array_search）(2014-7-30 10:50:15)
- weebox(基于jquery的弹窗插件) 用法详解(2014-7-23 15:29:17)
- jQuery $.Post处理后不进入回调的原因及解决方法(2014-7-18 12:22:7)
- jQuery ajax调用WCF服务(C#)实例(2014-7-18 11:38:1)
- TypeScript和jQuery做的一个简单的点灯小游戏分享(2014-7-17 17:5:18)
- JavaScript数组深拷贝和浅拷贝的两种方法(2014-7-16 15:23:1)
