使用 jQuery 基于内容的表格单元格条件格式答案

【问题标题】：Table cell conditional formatting based on content using jQuery使用 jQuery 基于内容的表格单元格条件格式
【发布时间】：2010-11-29 00:41:58
【问题描述】：

我只是有一个带有一堆✔ X 和一些其他符号的表格，我怎样才能根据它的内容更改单元格的类？

jQuery 示例：

$(function(){$("td:has('✔')").addClass("tick"); });
$(function(){$("td:has('X')").addClass("cross"); });

【问题讨论】：

【解决方案1】：

如果单元格包含符号，这似乎可以正常工作...

$("td:contains('✔')").addClass("tick");

...但是如果我们正在寻找类似连字符 (-) 的内容，我们如何确定这是单元格的唯一内容，而不是仅仅包含它？

有更好的解决方案吗？

【讨论】：

【解决方案2】：

jQuery select based on text 的帖子也对此进行了介绍。

您可以将 TD 元素集缩小为仅文本与您的期望完全匹配的那些 td 元素。

$("td")
  .filter
  (
    function()
    {
      return $(this).text() === "✔";
    }
  )
  .addClass("tick");

【讨论】：