Question

JavaScript代码：此代码必须在结果数组

的每一行上显示两个值

问题：显示行中的所有值

 var tablecontent = '<tr>';
 for ( var i=0 ; i<pos; i++)
 {
 tablecontent += "<td>"+result[pos][0]+"</td><td>"+result[pos][1]+"</td>";
 }
 tablecontent = '</tr>';
 test.innerHTML += tablecontent;

HTML代码：

<div id="test">
<table> 
    <th> 
      <td>Column 1</td>
      <td>Column 2</td>
    </th>
</table>

Answer 1

这里JSFiddle。你有二维数组...

var data = [
    [1, 2],
    [3, 4],
    [5, 6],
    [7, 8],
    [9, 10],
    [11, 12]
];

然后循环遍历每个单元格并将单元格数据附加到var tr;变量...

for(var i in data){
    var tr;
    for(var j in data[i]){
        console.log(data[i][j]);
        tr += '<td>'+data[i][j]+'</td>';
    }
    tr = '<tr>'+tr+'</tr>';
    $('#table tbody').html(tr);
}

最后一行$('#table tbody').html(tr);正在使用Jquery，但您可以使用标准JavaScript代码替换它。

如何将二维javaScript数组的内容显示到HTML表中？

1 个答案: