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