循环通过json创建表

时间:2016-08-31 02:57:26

标签: jquery json nested-loops

也许我这样做很糟糕,但我试图循环通过json创建一个表。编写它没有循环工作,我可以循环一个循环,但如果我添加一个嵌套的它不会创建行。我这样做是对吗还是我错过了什么?

for(var i = 3; i < 17; i++){

   $('.one').append("<tr>");

   for(var j = 0; j < 5; j++){

       $('.one').append("<td>" + obj.values[i][j] + "</td>" );    

    }

    $('.one').append("</tr>");
}

我希望这不是一个简单的错字我忽略了但是我有几种方法可以通过硬编码j并使线更长来使其工作。我还是很新,这是我第一次成功的ajax通话。任何帮助是极大的赞赏。谢谢。

1 个答案:

答案 0 :(得分:0)

JQuery .append()不会将单独的开放和结束标记附加到DOM。它追加整个元素 - 打开和关闭标记。在你的代码中,每次调用append()时,它都会覆盖前一个输出。

这是一个可能的解决方案:

for(var i = 3; i&lt; 17; i ++){

$('.one').append("<tr>");

for(var j = 0; j < 5; j++){

    $('.one tr').html("<td>" + obj.values[i][j] + "</td>");    

 }

}