如何自動爲某個文本實例着色？

我爲籃球協會製作了一個網站。它有許多團隊，每個團隊都有他們的日曆。你可以看到它here例如這是團隊「Heren C」。正如你在下面的日曆中看到的那樣，有一些主場比賽和一些客場比賽。我們也有「Heren A」，「Heren B」，「Junioren」，「Cadetten」等等......如何自動爲某個文本實例着色？

現在，這些日曆都是表格，我想用顏色來表示（在這個例子中）「 Heren C「並且大膽。我想爲我們所有的團隊做到這一點，所以不需要通過每個表格來更改這些文本實例。

爲了確保我會提及它是一個WordPress網站，並且每個團隊都是不同的頁面，因此每次都會加載相同的模板。也許這可以幫助代碼。

希望你們能幫忙！

來源

2012-08-24 Stein

我們可以用jQuery嗎？ – sp00m

這是不可能純粹在跨瀏覽器兼容的CSS，因爲沒有什麼可以掛鉤。您最好的選擇是使用Javascript或PHP搜索和替換，搜索每個術語並替換爲<span class="aclass">term</span>或類似名稱，以便爲CSS添加鉤子。

PHP將是更傻的證明方法，但JavaScript可能是一個更簡單的實現。

來源

2012-08-24 14:02:32 JohnDevelops

您可以使用CSS3 Attribute Selectors

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

的*=操作，使具有包含指定值的屬性的屬性選擇器匹配的元素：

來源

2012-08-24 14:03:56 Dipak

如果jQuery是允許的（這可能真的簡化工作在你的情況），你可以嘗試這樣的事情：

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

我從來沒有使用Wordpress，但我猜jQuery必須已經加載...

來源

2012-08-24 14:09:50 sp00m

如何自動爲某個文本實例着色？

回答

相關問題