微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐