5

ブランディングの理由から、見出しに表示されるたびに、サイトのタイトルを残りのコンテンツとは異なるフォントで表示したいと思います。簡単にするために、私の特別なフォントがCourierで、私の会社がSparklePonyと呼ばれているとしましょう。だから、次のような行

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

CourierのSparklePonyと、私のサイトのデフォルトフォントであるArialの取締役会の見出しが表示されます。（はい、これは恐ろしいことです。）

jQueryの文字列置換を使用してみましたが、文字列を置換したくありません。CourierSparklePonyで表示したいだけです（その単語だけにクラスを追加するなど）。<span class="sparkle-pony">SparklePony</span>クラスを追加するのではなく、タグと私のサイトに表示するすべてのものを含む醜い文字列。

文字列の置換で何か問題がありますか、それとも文字列のすべての出現をスタイル設定するためのより良い方法がありますか？

4

5 に答える 5

7

このように行うことができます-必要なセレクターを指定する- #('h1') またはクラスごと。

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

http://jsfiddle.net/cQjsu/

于 2012-12-20T20:39:49.900 に答える