JQuery根据值将类添加到行

Question

我正在从 SQL Server 数据库中读取数据并以表格的形式显示它。但是，我需要有关如何根据使用 jquery 的属性之一的值向表中的行添加样式的帮助

列有这样的类

<td>
     <span class="funding-eligible">@Html.DisplayFor(modelItem => item.FundingEligibility)</span>
</td>

在 javascript 文件中我有这个

$(document).ready(function () {

    if ($(".funding-eligible").text() == 1) {
        $(".funding-eligible").addClass("eligible")
    }
});

Answer 1

循环通过funding-eligible 类.each() 然后使用closest() 获取父行

$(document).ready(function () {
    $(".funding-eligible").each(function(){            // .each to loop through elements 
       if(+$(this).text().trim() === 1){               // .trim() to avoid white-spaces , + here to covert the string to number
          $(this).closest('tr').addClass("eligible");  // .closest() to get the closest row
       }
    })
});

你也可以使用.filter()

$(document).ready(function () {
    $(".funding-eligible").filter(function(){  // .filter to filter elements by condition returned
       return +$(this).text().trim() === 1;    // .trim() to avoid white-spaces , + here to covert the string to number
    }).closest('tr').addClass("eligible");     // .closest() to get the closest row
});

但是.. 为什么在追加之前不使用条件将类添加到直接在 html 中的行中？类似<tr class="<?php echo ($eligible == 1) ? 'eligible' : '' ?>">