javascript - 从此JSON结果写入此HTML(解析JSON)

我有这个JSON结果：

{
    "html_content": [
        [
            [
                "Navegantes",
                "11",
                "8",
                "3",
                "0"
            ]
        ],
        [
            [
                "Tigres",
                "11",
                "8",
                "3",
                "0"
            ]
        ],
        [
            [
                "Caribes",
                "11",
                "6",
                "5",
                "2"
            ]
        ],
        [
            [
                "Leones",
                "11",
                "6",
                "5",
                "2"
            ]
        ],
        [
            [
                "Aguilas",
                "11",
                "5",
                "6",
                "3"
            ]
        ],
        [
            [
                "Tiburones",
                "10",
                "4",
                "6",
                "3.5"
            ]
        ],
        [
            [
                "Cardenales",
                "10",
                "3",
                "7",
                "4.5"
            ]
        ],
        [
            [
                "Bravos",
                "11",
                "3",
                "8",
                "5"
            ]
        ]
    ]
}

我需要为每个这样的HTML标记构建一个标记：

<tr>
    <td>Navegantes</td>
    <td>11</td>
    <td>8</td>
    <td>3</td>
    <td>0</td>
    <td>
        <span class="glyphicon glyphicon-play"></span>
        <span class="glyphicon glyphicon-stop"></span>
    </td>
</tr>
<tr>
    <td>Tigres</td>
    <td>11</td>
    <td>8</td>
    <td>3</td>
    <td>0</td>
    <td>
        <span class="glyphicon glyphicon-play"></span>
        <span class="glyphicon glyphicon-stop"></span>
    </td>
</tr>

依此类推，我编写了以下代码：

$.each(data.html_content, function(i, v) {
    htm += "here goes the HTML code";
});

但是我认为由于数组类型的原因这行不通，能帮上什么忙吗？

最佳答案

像这样：

for (var i = 0; i < data.html_content.length; i++) {
   var tr = "<tr>";
   var td = "";
   for (var j = 0; j < data.html_content[i][0].length; j++) {
       td += "<td>" + data.html_content[i][0][j] + "</td>";
   }
   tr += td + "<td><span></span><span></span></td></tr>";
   $("table").append(tr);
}