jQuery：更改特定的文本顏色

我似乎無法弄清楚這一點。我在我的網頁中有下面的代碼，我如何使用jQuery將「Click here」更改爲藍色或某種顏色？jQuery：更改特定的文本顏色

<td width="30%" valign="top" align="left" 
class="td-label-276-7365 td-label-276 labeltext" 
id="td-label-field-7365">Flavors [Click here] : 
</td>

在此先感謝您。

來源

2013-03-13 user1176783

如果你只是想改變的「點擊這裏」，你絕對必須使用JS的顏色，那麼你可以做：

var text = $('td').text(); 
text = text.replace(/\[Click\shere\]/g, '[<font color="blue">Click here</font>]'); 
$('td').html(text);

但是直接使用html和css更直觀，如：

<td width="30%" ...>Flavors [<span class="blue">Click here</span>] :</td>

，並在你的CSS：

span.blue { 
    color: blue; 
}

演示：這兩種方法都可以看出here

來源

2013-03-13 13:17:41 techfoobar

嗨Techfoobar和謝謝你 - 該應用程序是一個自動化的PHP應用程序爲各種客戶端，所以我可以不要像這樣粘貼這個html，所以我想添加一些jQuery來改變特定的賬戶。 – user1176783 2013-03-13 13:23:14

啊，好的。在這種情況下，第一個選項應該適合您的需要。 – techfoobar 2013-03-13 13:23:47

問題：當我添加這個時，我收到了一個非常奇怪的輸出，但是我看到這樣做會替換，但不應該有查找或搜索，因爲這是一個包含多個標籤和字段的長格式。我認爲它正在做的是在每個 – user1176783 2013-03-13 13:30:52

使用css()

$('#td-label-field-7365').css('color','blue');

更新

，如果你需要改變顏色只在[點擊這裏]，THN廣告跨度繞過它，使用css()

HTML

<td width="30%" valign="top" align="left" 
class="td-label-276-7365 td-label-276 labeltext" 
id="td-label-field-7365">Flavors <span>[Click here]</span> 
</td>

jQuery的

$('#td-label-field-7365 span').css('color','blue');

來源

2013-03-13 13:16:08 bipen

但我需要改變一些具體的文字，並不是所有的#td中的文本。 – user1176783 2013-03-13 13:32:02

是更新.. :)檢查出來 – bipen 2013-03-13 13:32:50

嗨bipen - 因爲這個應用程序是一個爲各種客戶端自動PHP應用程序，我不能堅持像這樣的HTML/CSS，但我看到你的原則。謝謝。 – user1176783 2013-03-13 13:40:36

$('#td-label-field-7365').css('color', 'blue');

來源

2013-03-13 13:16:18

你錯過了＃。這將尋找任何標籤稱爲'td-label-field-7365'就像它會尋找div的，如果你把''div'' – 2013-03-13 13:17:46

$('.labeltext').css('color','blue');

來源

2013-03-13 13:17:28 PSR

jQuery：更改特定的文本顏色

回答

相關問題