Jquery datatable добавить новую строку с парой ключ-значение

Question

У меня есть таблица данных jquery, в которую я добавляю строки динамически. Теперь, когда я отправляю форму и перебираю все строки данных в таблице данных, я хочу присвоить значения в каждой ячейке строки переменной.

В настоящее время это мой код, но я не могу отобразить ни один идентификатор, когда перебираю все данные.

t = $('#datatable').DataTable();

$('#addRow').on('click', function () {
    t.row.add([
        '<label>' + $('#txtItemName').val() + '</label>',
        "<label>" + $('#txtPrice').val() + "</label>",
        '<button type="button" class="btn green btn-xs select-row" data-id="7" data-includeTax="N">Edit</button>'            
    }).draw();
    counter++;
]);

Приведенный выше код работает, но когда я пытаюсь повторить его, я не могу получить отдельные значения внутри этой метки, но я получаю весь тег метки со значением внутри.

function SubmitForm() {
var data = t.rows().data();
data.each(function (value, index) {
    //total += total + value.txtPrice;
    alert(value[index]);        
});

}

Поэтому я попытался добавить ключ, если это возможно, но это не удалось. Я получаю предупреждение о наличии данных - Запросить неизвестный параметр.

t = $('#datatable').DataTable();

$('#addRow').on('click', function () {
    t.row.add({
        item: '<label>' + $('#txtItemName').val() + '</label>',
        price: "<label>" + $('#txtPrice').val() + "</label>",
        action: '<button type="button" class="btn green btn-xs select-row" data-id="7" data-includeTax="N">Edit</button>'            
    }).draw();
    counter++;
});

Любая помощь или предложение о том, как перебирать таблицы данных и фиксировать значения отдельных ячеек, сопоставляя их с любой идеей и т. Д.