如何自动为某个文本实例着色？答案

【问题标题】：how to automatically color a certain instance of text?如何自动为某个文本实例着色？
【发布时间】：2012-08-20 02:29:13
【问题描述】：

我为一个篮球协会创建了一个网站。它有许多团队，每个团队都有自己的日历。你可以看到它here 例如这是团队“Heren C”。正如您在下面的日历中看到的那样，有一些主场比赛和一些客场比赛。我们还有“Heren A”、“Heren B”、“Junioren”、“Cadetten”等等……

现在，这些日历都是表格，我想（在此示例中）为“Heren C”着色并使其加粗。我想为我们所有的团队执行此操作，因此无需实际检查每个表并更改这些文本实例。

为了确保我会提到它是一个 Wordpress 网站，并且每个团队都是不同的页面，因此每次都加载相同的模板。也许这对代码有帮助。

希望大家帮忙！

【问题讨论】：

【解决方案1】：

您可以使用CSS3 Attribute Selectors

a[href*="heren-c"] {
  font-weight: bold;
}

*= 运算符使属性选择器匹配具有包含指定值的属性的元素：

【讨论】：

【解决方案2】：

这在纯跨浏览器兼容的 CSS 中是不可能的，因为没有什么可以挂钩的。您最好的选择是 Javascript 或 PHP 搜索和替换，搜索每个术语并替换为 <span class="aclass">term</span> 或类似名称，这样您就有了 CSS 的钩子。

PHP 将是更简单的方法，但 Javascript 可能是更简单的实现。

【讨论】：

【解决方案3】：

如果允许使用 jQuery（这确实可以简化您的工作），您可以尝试以下操作：

$('table tr td:nth-child(4)').each(function() {
    if($.trim($(this).text()) === 'Heren C') {
        $(this).css('font-weight', 'bold');
    }
});

我从没用过 Wordpress，但我猜 jQuery 肯定已经加载了……

【讨论】：