Запуск JQuery скрипт после загрузки данных в таблицу

Question

У меня есть таблица, которая загружается со значениями, как так:

@foreach (var i in model) 
{ 
    <tr> 
     <td>i.value</td> 
    <tr> 
} 

Я хочу, чтобы добавить класс CSS для каждой из ячеек в таблице в зависимости от i.value , Мой план состоял в том, чтобы запустить скрипт JQuery с некоторыми условными, как это:

$(document).ready(function() { 
    var cells = document.getElementsByTagName('td'); 
    for (var i = 0, len = cells.length; i < len; i++) { 
     var classToAdd = parseInt(cells[i].innerHTML, 10); 
     if (classToAdd > 10) { 
      cells[i].className = 'newClass1'; 
     } 
     ... More conditional logic ... 
    } 
} 

Однако, это не работает, и я считаю, что это потому, что мой сценарий выполняется перед таблица заполняется. Если это так, как я могу задержать запуск скрипта после заполнения таблицы? В противном случае, пожалуйста, объясните мне, что я делаю неправильно.

Answer 1

кажется мне, как вы используете MVC ... вы можете добавить класс без JavaScript вообще:

@foreach (var i in model) 
{ 
    <tr class="@(i.PropertyToCheck <= 3 ? "classOne":"classTwo")"> 
     <td>i.value</td> 
    <tr> 
}