jquery遍历json对象

来源:互联网 发布:mac腾讯视频文件位置 编辑:程序博客网 时间:2024/06/05 00:11

利用jquery遍历json对象并添加到页面元素:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/jquery.js" ></script><style>  #a{width:310px;height: auto;}  .divv{width: 100px;height: 50px;line-height: 50px;text-align: center;float: left;border: 1px solid #00008B;}</style></head><body><div id="a"></div><script>  var arr = [{ name: "john", lang: "js" },{ name: "娜娜", lang: "jquery" },{ name: "吕雪源", lang: "ext" }];   $.each(arr,function(x,y){  $("#a").append("<div class='divv'>"+x+"</div><div class='divv'>"+y.name+"</div><div class='divv'>"+y.lang+"</div>");  });    </script></body></html>


0 0
原创粉丝点击