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

Question

出于品牌原因,我希望每次出现在标题中时,我的网站标题都会以其他内容的唯一字体显示.为简单起见,让我们假装我的特殊字体是Courier,我的公司叫做SparklePony.所以,像一条线,

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

会在我的网站默认字体Arial中显示Courier和董事会中SparklePony一词的标题.(是的,我知道这很可怕.)

我已经使用jQuery的字符串替换试过,但我不想替换字符串,我只是想看看它在快递(添加类只是一句话,或者什么之类的.)更换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/