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

2023-12-01

我有一个表,其中包含包含状态的数据列。两个示例状态为“已拒绝”和“已付款”

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

对于具有此状态的单元格,我向td like:

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

所以我可以很容易地识别它。

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

$('.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/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery 根据文本更改表格单元格文本颜色 的相关文章

  • jQuery TableSorter 插件初始化时出错:无法读取未定义的属性“0”

    我想用 jQuery Plugin TableSorter 对我的表格进行排序 所以我得到这张表 table class zebra striped thead tr th Date th th Annonce th th Support
  • 更改链接悬停时的正文背景颜色

    当鼠标悬停在页面上时如何更改页面背景a 我正在寻找仅 css 的解决方案 我知道你可以通过 css 到达子元素 但我不知道如何 是否可以到达主体 看看这个DEMO http jsfiddle net bhavuksuthar bjsvhze
  • 如何在光标下的所有元素上调用 mouseover?

    我有一个网络应用程序 每次单击时都会创建一个点 见下文 当我将鼠标悬停在一堆点上时 我希望光标下的每个点都会触发 mouseover 或 mouseenter 事件 然而 只有一个事件被触发 即堆栈 顶部 的点的事件 当鼠标移动到一堆多个点
  • 通过 SVG 背景传递鼠标事件

    我有两个 SVG 元素 每个元素覆盖整个屏幕 html body height 100 svg position absolute top 0 left 0 bottom 0 right 0
  • HTML5 服务器端事件:EventSource 与包装的 WebSocket

    HTML5 服务器发送事件 SSE API 是否只是 HTML5 WebSocket 之上的受限制的 基于事件的 API 在我看来 一个EventSource只是一个WebSocket that Cannot send data 使用tex
  • Youtube 播放器 Iframe,在 Firefox 上有声音但没有视频

    我正在使用 YT Player API 在滑块内创建多个 iframe youtube 视频 第一个视频在 onYouTubeIframeAPIReady 之后调用 当我单击正常工作的下一个按钮时 会出现下一个视频 但是当我尝试在 Fire
  • 如何用按钮打开所有infoWIndows

    现在我想添加打开所有引脚弹出窗口的按钮 infoWindows 所以我添加功能openAllInfoWindows并添加infoWindows i open 命令 但是不起作用 HTML 代码 a href Close a a href O
  • 在 HTML 中移动选取框/下移文本

    我正在尝试向下移动或移动 HTML 中的文本 但我似乎无法将其移动到任何地方 我添加了一个颜色命令来更改文本的颜色 但似乎只是移动了 它一直到顶部
  • 使用 Javascript / Jquery 的本地存储(不使用 HTML5)

    我想在 javascript 或 jquery 中复制本地存储概念 类似于 HTML5 但不幸的是我不知道如何开始 任何人都可以建议如何使用 javascript 或 jquery 实现本地存储 不使用 HTML5 这是一个有点愚蠢的差事
  • 带 CSS 网格的等宽侧边栏列

    是否可以让左右列具有相同的宽度 而中间列占据剩余空间 我不想设置像这样的百分比grid template columns 20 60 20 因为并不总是确定这些列的内容是什么 Flexbox 和表格似乎没有解决这个问题的方法 所以我再次尝试
  • 点击问题:动态生成的链接不触发点击功能

    下面是两个代码片段 由于某种原因什么也没有发生 但来自同一个 JS 文件的其他 jQuery 函数在带有 UL 的页面上执行得很好 这是在盯着我看吗 ul class paganation li 1 li li a href 2 a li
  • 空 URL 哈希导致页面在 js 事件上跳转

    我有一个带有下一个和上一个按钮的照片库 如果我的某个 javascript 方法由于某种原因被破坏 那么当单击其中一个按钮时 它会向 url 添加一个哈希值 即 www google com 我知道可以给散列一个 div id 来跳转到页面
  • 捕获 XSS(跨站脚本)攻击的最佳正则表达式(Java 中)?

    杰夫实际上在净化 HTML http refactormycode com codes 333 sanitize html 但他的示例是用 C 编写的 而我实际上对 Java 版本更感兴趣 有人有更好的 Java 版本吗 他的示例是否足以直
  • Javascript 选择 onchange='this.form.submit()'

    我有一个带有选择和一些文本输入的表单 我希望在更改选择时提交表单 使用以下方法可以正常工作 onchange this form submit 但是 如果表单还包含提交按钮 则当选择更改时 表单不会提交 我猜有某种冲突 我在这里有什么选择
  • RTCDataChannel发送方法不发送数据

    我的 RTCDataChannel 遇到一个奇怪的问题 我正在对 WebRTC 进行一些研究 并且已经可以进行 WebRTC 音频 视频聊天 现在我想使用 RTCDataChannel 添加文本聊天和文件共享 我已经像这样创建了 RTCDa
  • 常规 JavaScript 可以与 jQuery 混合使用吗?

    例如 我可以采用这个脚本 来自 Mozilla 教程 https developer mozilla org en Canvas tutorial Basic usage
  • iOS 5 中的 webkit-overflow-scrolling: touch "handle" 是否有外观 CSS 规则?

    我有一个元素恰好同时具有 webkit overflow scrolling touch 和 background color black 因此显示滚动位置的 手柄 很难看到 是否有 webkit CSS 样式规则可以改变该 手柄 的外观
  • 通过 vh 和 vw 调整 css 字体大小

    所以我想根据容器的大小自动调整文本的大小 但是如果我使用类似的东西 font size 5vw 看起来不错 但是当我缩小页面时 高度开始变得太小 无论如何 我是否可以根据 vh 和 vw 调整文本大小 例如 如果我只是减小页面的宽度 那么高
  • 使用 jquery 提供附加功能时菜单未正确对齐

    I need to make a mega menu similar to one as show in image below 到目前为止 我已经能够在某种程度上使其发挥作用 例如jsFiddle 在这里 http jsfiddle ne
  • FullCalendar 检查选择日是否有活动?

    我正在使用 Full Calendar js 插件 到目前为止一切顺利 但我想检查开始和结束之间的选择是否有事件 我只需要返回 true 或 false 基本上 如果日期选择中已经存在事件 我想阻止用户创建事件 var calendar c

随机推荐

  • 获取嵌套 html 标签内的字符偏移量

    我有类似于此的 HTML 代码 pre words words words words span words mystery words span words words words pre 我想获得 神秘 相对于的字符偏移量pre使用 J
  • 在 Winforms 中从外部线程访问 UI

    在 WPF 中 可以使用类似以下内容 Application Current Dispatcher BeginInvoke new Action gt Form1 grid Items Refresh 访问主线程之外的 UI 功能 然而 在
  • 从datagridview复制粘贴到excel时如何保留颜色?

    我使用以下 CellFormatting 代码有条件地为 datagridview 中的行着色 private void SGridView CellFormatting object sender DataGridViewCellForm
  • TimeZoneInfo.GetSystemTimeZones() 如何仅选择特定国家/地区代码的条目?

    TimeZoneInfo GetSystemTimeZones 为您提供所有时区的枚举 问题是如何仅选择特定国家 地区代码的条目 我知道 UTC 偏移量和国家 地区代码 并且需要能够选择正确的时区值 首先 您会发现由于夏令时的变化 可能还有
  • Java Swing Combobox removeAllItems 还调用 ItemStateChanged 吗?

    我的代码实际上很简单 我看到一个简单且相似的代码来自本文 首先 我有 1 个组合框 我有一个听众叫itemStateChanged 我添加到这个监听器中的目的是 当用户从其保管箱中单击 选择 一个项目时执行一些代码 Cmb ItemCate
  • 毕加索本地图片加载速度慢?

    我开发 Android 应用程序已有六年了 并且使用简单的 自制 图像缓存库也有同样长的时间 我最近开始使用一个依赖于 Picasso 的组件 并决定可能是时候切换到通用库了 而不是保留我多年前编写的旧解决方案 我的大多数图像都是存储在可绘
  • 如何在本地机器上使用带有 sdk 的云构建来构建 docker 镜像,而无需尝试它

    我在用着云构建构建 docker 镜像 从以下位置提供的示例中指导自己github 垃圾桶 包装 源代码 cloud google com contrib go opencensus io github com go opencensus
  • JSON.net 直接从 oledbconnection 序列化

    我目前有一个处理程序 它获取 Excel 文件的文件路径和选项卡名 将文件处理到数据表中 然后将表序列化为 json 字符串以返回 这一直有效 直到我尝试处理大文件 然后出现内存不足异常 我在想 如果我不先将所有内容加载到数据表中 而是直接
  • 在 WPF 应用程序中使用 reCaptcha

    我正在寻找如何将 WPF 桌面应用程序与 reCaptcha 集成的解决方案 有人知道解决方案吗 我正在为我的应用程序开发注册模块 并且需要良好且简单的验证码 Thanks See https developers google com r
  • android - EditText 长度过滤器无法正常工作

    首先我不得不说我已经在这里阅读了类似的问题和答案 这个问题基本上是重复的这个问题和许多其他问题 但这些问题的答案并不像我想要的那样 问题 以编程方式在我的 EditText 上设置长度过滤器 如下所示 editText setFilters
  • Windows 中的 Laravel 权限问题 [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 我从服务器下载了laravel到我本地的windows8 xampp gt htdocs 文件夹 以下是我收到的错误 异常处理程序中的错误 流或文件 C xampp htdocs l
  • phpmyadmin mysql 触发器语法错误

    我正在尝试编写一个 mySQL tigger 但我无法将代码放入 phpMyAdmin MySQL 中而不出现语法错误 有人能帮助我吗 Tables 我的触发器 CREATE TRIGGER after jeu insert ON jeu
  • 如何在 AS3 中完全删除影片剪辑

    我希望删除 mc 及其所有计时器 事件 有没有简单的方法可以做到这一点 当然 取消注册其计时器和事件 将其从其父级中删除 并删除对它的所有引用 也就是说 AS3是一种垃圾收集语言 因此您无法控制对象 包括MC 何时被really从记忆中删除
  • Google Sheets:如何触发随机函数? [复制]

    这个问题在这里已经有答案了 我在 Google 上有一张工作表 并一直在寻找如何使随机化脚本仅在需要时才工作的解决方案 而不是每次打开工作表或刷新它时 这是例子 让我们把工作表看成这样 B5单元有以下代码 index B1 B3 randb
  • 如何修复图像裁剪的放大尺寸?

    我想修复图像裁剪的缩放尺寸 如何做到这一点 我找到了很多并尝试了很多 但仍然无法获得正确的解决方案 裁剪的图像放大太多并变得模糊 请有人帮助我我的这个问题 我的代码是 intent putExtra crop true intent put
  • 电子邮件: Intent.ACTION_SEND 返回值是什么?

    当我启动时 startActivity new Intent Intent ACTION SEND 用于发送电子邮件 这是我可以在中测试的返回值 onActivityResult 因为 例如 如果用户单击 su 取消 退出电子邮件客户端 我
  • 读取文件并通过管道将其发送到父进程的程序

    我需要编写一个程序 创建从命令行向子进程发送文件名的管道 在子进程中读取该文件并使用管道将其发送回 父进程应该打印该文件 如果子进程中发生错误 则必须将错误发送到父进程 这是我的代码 它沿着文件文件打印一些垃圾 并且当我运行它时 它还禁用终
  • 编译Python代码和C++代码一样快吗?

    如果我用 Python 编写一个程序 然后使用以下任何编译器对其进行编译 Gordon McMillan 的安装程序 跨平台 Thomas Heller 的 py2exe Windows Anthony Tuininga 的 cx Free
  • 比较两个字符串数组而不通过每个元素进行索引的最佳方法是什么?

    是否有任何有效的方法可以用于比较两个字符串数组而无需检查每个元素 我尝试使用数组列表 构建对象 但没有一个没有显示出太大的效果 最后 要比较两个字符串 序列 表示字符序列 没有任何提高效率的技巧 你必须somehow遍历两个序列并逐个元素进
  • jQuery 根据文本更改表格单元格文本颜色

    我有一个表 其中包含包含状态的数据列 两个示例状态为 已拒绝 和 已付款 我想要做的是将 已拒绝 的文本颜色更改为红色 将 已付费 的颜色更改为绿色 对于具有此状态的单元格 我向td like td class status Html Di