$.each()方法遍历json格式数据代码实例

快乐打工仔 分类:实例代码

本章节分享一段代码实例,它使用$.each()方法对json格式数据进行遍历。

代码实例如下:

<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.pipipi.net/" /> 
<title>前端教程网</title> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<script type="text/javascript">
var str="";
var arr={ 
  "前端专区":"div css", 
  "url": "pipipi.net", 
  "age": 2
};
$.each(arr,function(key, value) { 
  str=str+key + ":" + value+"<br/>"
});
$(document).ready(function(){
  $("#antzone").html(str);
});
</script>
</head>
<body>
<div id="antzone"></div>
</body>
</html>

上面的代码实现了我们的要求,跟多内容可以参阅相关阅读。

相关阅读:

(1).$.each()可以参阅jQuery.each()一章节。

(2).html()可以参阅jQuery html()一章节。

一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu

回复

我来回复
  • 暂无回复内容