javascript - 更改所有出现的字符串的样式

Question

出于品牌原因，我希望我的网站标题每次出现在标题中时都以与其余内容不同的字体显示。为简单起见，假设我的特殊字体是 Courier，而我的公司名为 SparklePony。所以，像这样的一行，

<h1 class="title">SparklePony Board of Directors</h1>

将在 Courier 和 Board of Directors 中以我的网站默认字体 Arial 显示带有 SparklePony 字样的标题。 (是的，我知道这会很可怕。)

我试过使用 jQuery 字符串替换，但我不想替换字符串，我只想在 Courier 中看到它(只为那个词添加一个类，或其他东西)之类的。)替换 SparklePony与 <span class="sparkle-pony">SparklePony</span>导致带有标签和所有内容的整个丑陋字符串显示在我的网站上，而不是添加类。

我的字符串替换是否有问题，或者是否有更好的方法来设置所有出现的字符串的样式？

Answer 1

您可以这样做 - 指定您想要的选择器 - #('h1') 或按类别。

$('.title').html(function(i,v){    
   return v.replace(/SparklePony/g,'<span class="sparkle">SparklePony</span>');
});
​

http://jsfiddle.net/cQjsu/