jquery - 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;
}

演示：两种方法都可以在这里看到

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');