$.each()遍历json格式数组代码实例
分类:实例代码
本章节分享一段代码实例,它实现了遍历json格式数组功能。
关于$.each()的基本用法可以参阅jQuery.each()方法一章节。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="gb2312"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function(){ var json = [ { webName: "前端教程网", url: "www.pipipi.net", age: 3 }, { webName: "特效代码", url: "www.51texiao.cn", age: 1 }, { webName: "网易", url: "163.com", age: 10 } ] $("#bt").click(function () { var str = "<table>"; $.each(json, function (index, data) { str = str + "<tr><td>" + data["webName"] + "</td><td>" + data["url"] + "</td><td>" + data["age"] + "</td></tr>" }) var str = str + "<table>"; $("#antzone").html(str); }) }) </script> </head> <body> <div id="antzone"></div> <input type="button" id="bt" value="查看效果"/> </body> </html>
网站出售中,有意者加微信:javadudu