1

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

先感谢您。

4

4 回答 4

3

如果你只想改变“点击这里”的颜色，而你绝对必须使用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;
}

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

于 2013-03-13T13:17:41.820 回答
1

利用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');
于 2013-03-13T13:16:08.820 回答
0 
$('#td-label-field-7365').css('color', 'blue');
于 2013-03-13T13:16:18.547 回答
0 
$('.labeltext').css('color','blue');
于 2013-03-13T13:17:28.973 回答