热门关键字:
jquery > jquery教程 > jquery教程 > 使用jquery对json对象进行each操作

使用jquery对json对象进行each操作

264
作者:管理员
发布时间:2021/1/16 17:16:43
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3181
本文使用了一个实例简单介绍了jquery json each的使用方法,并提供了jquery json each的实例代码
 
$.each()是jquery的一个经常用到的对数组或对象进行遍历操作的方法,这里我们讲解使用jquery的$.each()遍历json对象,我们这里就不从服务端获取json对象了,直接eval字符串构造一个,jquery json each操作是经常用到的一个操作,所以jquery json each操作要熟练掌握


我们用一个例子来说明,先构建一个json对象:


var json=eval('[{"name":"祝无双","mantra":"放着我来"},{"name":"白展堂","mantra":"葵花点穴手"},{"name":"佟湘玉","mantra":"俄滴神啊"},{"name":"吕秀才","mantra":"子曾经曰过"},{"name":"李大嘴","mantra":"这事包我身上了,你就瞧好儿吧"},{"name":"莫小贝","mantra":"嫂子....."}]');
呵呵,这事武林外传里的人物口头禅,我们用$.each()来循环遍历这个对象,让每个人说一句话
$.each(json,function(key,obj){
    document.writeln(obj.name+'说:'+obj.mantra+'<br />');
})
代 码解释:可以看到这个使用$.each()循环遍历json对象,每次循环都将元素集合中的一项赋值到了obj对象上,obj就是每个人所在的对象,所以 我们可以通过obj来访问每个人的信息,下面运行一项本例子,你就明白jquery json each的使用方法了




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐