Доступ к значению JSON приводит к неопределенности

Question

У меня следующая структура JSON:

{

"headers":[
        {"title": "Action", "width": 3, "class": "centeralign"},
        {"title": "ID", "width": 4, "class": "leftAlign"},
        ..
        ..
    ],
"rows": [
            {"cells": [
                {"data": "Edit", "width": 3, "class": "centeralign"},
                {"data": "030194"},
                ..
                ..
           ]}
        ]
}

Для всех «данных» в JSON я динамически генерирую ячейку таблицы. Вот что у меня есть:

$.each(response.rows, function(index, rows){

    $("tr#columnData").append("<td>" + rows.cells.data + "</td>");
});

rows.cells.data приводит к значению «undefined».

Что я делаю не так?

Answer 1

cells - это массив в вашей структуре JSON, поэтому вам нужно пройти через него:

$.each(response.rows, function(index, row) {
    $.each(row.cells, function() {
        $('tr#columnData').append('<td>' + this.data + '</td>');
    });
});