Javascript 如何使用JQuery将JSON数组中的数据动态添加到HTML表中

Javascript 如何使用JQuery将JSON数组中的数据动态添加到HTML表中,javascript,jquery,html,json,Javascript,Jquery,Html,Json,我已经创建了一个HTML表 <table id="top_five_table"> <tr> <td> </th> <th>URL</th> <th width="90">Total Hits</th> <th width="380">Percentage of all Hits</th> </tr> <tr> <td>&l

我已经创建了一个HTML表

<table id="top_five_table">
 <tr>
 <td> </th>
 <th>URL</th>
 <th width="90">Total Hits</th>
 <th width="380">Percentage of all Hits</th>
 </tr>

 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 </tr>              
</table>
从java脚本im提取json对象,如下所示

var json_array = data.json_array;
var table = document.getElementById('top_five_table');
var rowCount = table.rows.length;
var colCount = table.rows[0].cells.length;

我习惯于使用Java脚本或JQuery动态填充HTML数据表,我对这两种技术非常陌生。我不知道如何动态填充表。有人能帮上忙吗?

下面是一些基本知识,您只需将内容更改为数据即可

    //EQ The row off the table
    var row = $("#top_five_table tr").eq(1);

var i=0;
while (i<=3){
    //EQThe col off the table
        var col = $(row).find("td").eq(i).html("content");
i++;
}
//EQ表外的行
var行=$(“#前五名表tr”)。等式(1);
var i=0;

虽然(i基本信息如下所示,但您只需更改数据的内容即可

    //EQ The row off the table
    var row = $("#top_five_table tr").eq(1);

var i=0;
while (i<=3){
    //EQThe col off the table
        var col = $(row).find("td").eq(i).html("content");
i++;
}
//EQ表外的行
var行=$(“#前五名表tr”)。等式(1);
var i=0;
while(i可能的副本)