我有一个表,其中包含包含状态的数据列.两个示例状态将是“已拒绝”和“付费”
我想要做的是将“已拒绝”的文本颜色更改为红色,将“已付费”的颜色更改为绿色.
<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');