jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery根据文本更改表格单元格文本颜色大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个表,其中包含包含状态的数据列.两个示例状态将是“已拒绝”和“付费”

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

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

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

@R_862_9447@轻松识别它.

我发现我可以使用以下方法将所有状态的颜色更改为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/

大佬总结

以上是大佬教程为你收集整理的jQuery根据文本更改表格单元格文本颜色全部内容,希望文章能够帮你解决jQuery根据文本更改表格单元格文本颜色所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。