jQuery使用$.each遍历json数组的简单实现方法
本文实例讲述了jQuery使用$.each遍历json数组的简单实现方法。分享给大家供大家参考,具体如下:
<!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="content-type"content="text/html;charset=gb2312"/> <title>jquery$.each遍历json数组方法</title> <scripttype="text/javascript"src="jquery.js"></script> </head> <body> <script> vararr=[{name:"john",lang:"js"},{name:"nailwl",lang:"jquery"},{name:"吴磊",lang:"ext"}]; $.each(arr,function(index,content) { alert("theman'sno.is:"+index+",and"+content.name+"islearning"+content.lang); }); </script> </body> </html> </body> </html>
jquery对象的$().each()方法,此方法可用于例遍任何对象
回调函数拥有两个参数:
第一个为对象的成员或数组的索引
例遍数组,同时使用元素索引和内容
$.each([0,1,2],function(index,content){ alert("item#"+index+"itsvalueis:"+content); });
第二个为对应变量或内容
如果需要退出each循环可使回调函数返回false,其它返回值将被忽略。
jquery.each(obj,fn,arg)
该方法有三个参数:进行操作的对象obj,进行操作的函数fn,函数的参数args。
1.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(variinobj) fn.apply(obj,args); }else{ for(vari=0,ol=obj.length;i<ol;i++){ if(fn.apply(obj,args)===false) break; } } }else{ if(obj.length==undefined){ for(variinobj) fn.call(obj,i,obj); }else{ for(vari=0,ol=obj.length,val=obj[0];i<ol&&fn.call(val,i,val)!==false;val=obj[++i]){} } } returnobj; }
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery操作json数据技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。