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>
}

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

1 个答案: