循环 json 以创建 table

Question

也许我的做法很糟糕，但我试图循环遍历 json 以创建 table。在没有循环的情况下对其进行编码是可行的，我可以通过一个循环进行循环，但是如果我添加一个嵌套的循环，它不会创建行。我做得对还是我漏掉了什么？

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 电话。任何帮助是极大的赞赏。谢谢。

Answer 1

JQuery .append() 不会将单独的开始和结束标记附加到 DOM。它追加整个元素 - 开始和结束标签。在您的代码中，每次调用 append() 时，它都会覆盖之前的输出。

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

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

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

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

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

 }

}

循环 json 以创建 table

Looping through json to create table

jquery

json

nested-loops