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

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

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

对于具有此状态的单元格,我向td添加一个类,如:

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

所以我可以轻松识别它.

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

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

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

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

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

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

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

解决方法

这将有效:

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

http://jsfiddle.net/MMEhc/

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: &lt;span id=&quot...
jQuery 添加水印 &lt;script src=&quot;../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...