如何循环遍历json数据到table
Posted 再见小猴子
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何循环遍历json数据到table相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 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 = $(‘<tr>‘); 28 $.each(item,function(name,val){ 29 var $td = $(‘<td>‘).html(val); 30 $tr.append($td); 31 }); 32 $(‘#myTable tbody‘).append($tr); 33 }); 34 </script>
以上是关于如何循环遍历json数据到table的主要内容，如果未能解决你的问题，请参考以下文章
在 Swift 5.1 中循环遍历多维/嵌套 JSON 数据
单击按钮时，我想访问用户检查的行的数据。我不知道如何循环遍历我的 mat-table 行
怎么让js遍历循环俩个table 下面的 tr td 值相等