出于品牌原因,我希望网站标题每次出现在标题中时,都以其余内容的唯一字体显示。为了简单起见,让我们假设我的特殊字体是Courier,而我的公司名为SparklePony。所以,像这样的一行
<h1 class="title">SparklePony Board of Directors</h1>
会在我的网站默认字体Arial中的“ express ”和“董事会”中显示一个标题为SparklePony的标题。 (是的,我知道这很可怕。)
我试过使用jQuery字符串替换,但是我不想替换字符串,我只想在Courier中看到它(将类添加到该单词或类似的东西。)用
SparklePony
替换<span class="sparkle-pony">SparklePony</span>
导致带有标签的整个丑陋字符串以及所有要显示在我的网站上的内容,而不是添加类。我在替换字符串时是否做错了什么,或者是否有更好的方式来设置所有出现的字符串的样式?
最佳答案
您可以这样操作-指定所需的选择器-#('h1')或按类。
$('.title').html(function(i,v){
return v.replace(/SparklePony/g,'<span class="sparkle">SparklePony</span>');
});
http://jsfiddle.net/cQjsu/