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：更改特定的文本颜色

回答

相关问题