Невозможно добавить класс в таблицу tr, сгенерированную из файла CSV в Papaparse

Question

Попытка сделать таблицу из файла csv, с которой я позже буду работать с jquery. Papaparse, кажется, проще всего использовать для извлечения данных из csv. Он отлично сгенерировал таблицу. Но по какой-то причине я даже не могу добавить класс в tr. Вот мой код.

function arrayToTable(tableData) { 
    var table = $('<table></table>'); 
    $(tableData).each(function (i, rowData) { 
     var row = $('<tr></tr>'); 
     $(rowData).each(function (j, cellData) { 
      row.append($('<td>'+cellData+'</td>')); 
     }); 
     table.append(row); 
    }); 
    return table; 
} 

$.ajax({ 
    type: "GET", 
    url: "data/late.csv", 
    success: function (data) { 
     $('body .tableclass').append(arrayToTable(Papa.parse(data).data)); 
    } 
}); 

$(window).load(function(){ 
    $(".tableclass table tbody tr").each(function(){ 
     $(this).addClass("trclass"); 
     }); 
}); 

Answer 1

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

$.ajax({ 
    type: "GET", 
    url: "data/late.csv", 
    success: function (data) { 
     $('body .tableclass').append(arrayToTable(Papa.parse(data).data)); 
     $(".tableclass table tbody tr").each(function(){ 
      $(this).addClass("trclass"); 
     }); 
    } 
}); 

Answer 2

Похоже, что ваша рабочая нагрузка стреляет до создания фактической таблицы. $ (". Tableclass table tbody tr") длина может быть равна нулю в это время.

Редактирование: поскольку вам нужно вызывать эту функцию несколько раз и с различным набором настроек, я бы сказал, что вы вызываете функцию ajax из другой функции и добавляете функцию обратного вызова в качестве параметра. Вызвать эту функцию обратного вызова после успеха ajax

function arrayToTable(CallbackFunction) 
{ 
$.ajax({ 
    type: "GET", 
    url: "data/late.csv", 
    success: function (data) { 
     $('body .tableclass').append(arrayToTable(Papa.parse(data).data)); 
     CallbackFunction(); 
    } 
}); 
}