使用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的使用方法了

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script> <script type="text/javascript"> var json=eval('[{"name":"祝无双","mantra":"放着我来"},{"name":"白展堂","mantra":"葵花点穴手"},{"name":"佟湘玉","mantra":"俄滴神啊"},{"name":"吕秀才","mantra":"子曾经曰过"},{"name":"李大嘴","mantra":"这事包我身上了,你就瞧好儿吧"},{"name":"莫小贝","mantra":"嫂子....."}]'); $.each(json,function(key,obj){ document.writeln(obj.name+'说：'+obj.mantra+'<br />'); }) </script>

您可能感兴趣的文章：