jQuery：更改特定的文本颜色

Question

我似乎无法弄清楚这一点。我在我的网页上有以下代码，如何使用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>

提前谢谢。

Answer 1

如果您只想更改“点击此处”的颜色并且您绝对必须使用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

Answer 2

使用css()

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

<强>更新

如果您需要在[点击此处]更改颜色，广告会围绕它并使用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');

Answer 3

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

Answer 4

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