如何循环遍历json数据到table

2021-01-24 14:15

阅读：578

标签：app query otc doctype cdn javascrip value json asc

 1 DOCTYPE html>
 2 html lang="en">
 3 head>
 4     meta charset="UTF-8">
 5     title>Documenttitle>
 6     script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.js">script>
 7     style type="text/css">
 8         
 9     style>
10 head>
11 body>
12     table id="myTable">
13         thead>
14             tr>
15                 th>代号th>
16                 th>城市th>
17                 th>附加数字th>
18             tr>
19         thead>
20         tbody>tbody>
21     table>
22 body>
23 html>
24 script type="text/javascript">
25     var data = [{name:‘6101‘,value:‘北京市‘,age:‘11‘}, {name:‘6102‘,value:‘天津市‘,age:‘11‘}, {name:‘6103‘,value:‘上海市‘,age:‘22‘}];
26     $.each(data,function(index,item){
27         var $tr = $(‘
‘);
28         $.each(item,function(name,val){
29             var $td = $(‘
‘).html(val);
30             $tr.append($td);
31         });
32         $(‘#myTable tbody‘).append($tr);
33     });
34 script>

 
如何循环遍历json数据到table
标签：app   query   otc   doctype   cdn   javascrip   value   json   asc   
原文地址：https://www.cnblogs.com/dancer0321/p/13253274.html

上一篇：nodejs中使用websockets

下一篇：Angular跳转传值（get，动态路由，js）

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：如何循环遍历json数据到table
文章链接：http://soscw.com/essay/46357.html

亲，登录后才可以留言！

如何循环遍历json数据到table

评论

热门文章

推荐文章

最新文章

置顶文章