jquery - 数据加载到表后运行 jQuery 脚本

Question

我有一个表，其中加载了如下值:

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

我想根据 i.value 向表格中的每个单元格添加一个 CSS 类。我的计划是运行一个带有如下条件的 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>
}