jQuery根据文本更改表格单元格文本颜色

Question

我有一个表,其中包含包含状态的数据列.两个示例状态将是"已拒绝"和"付费"

我想要做的是将"已拒绝"的文本颜色更改为红色,将"已付费"的颜色更改为绿色.

对于具有此状态的单元格,我添加了td类似的类:

<td class="status">
    @Html.DisplayFor(modelItem => item.Status)
</td>

所以我可以轻松识别它.

我发现我可以使用以下方法将所有状态的颜色更改为Red:

$('.status').css("color", "red");

我也可以通过以下方式获得第一个的价值:

alert($('.status').html());

但是我不确定如何根据文本设置状态颜色.即所有"已接收"设置颜色为红色,所有"付费"设置颜色为绿色.

有人可以告诉我如何实现这个目标吗？

我甚至使用jQuery遵循正确的方法还是有更好的CSS方式？

Answer 1

这将有效:

$('.status:contains("Paid")').css('color', 'red');
$('.status:contains("Received")').css('color', 'green');