Jqueryはテキストを置き換えますが、大文字と小文字を区別します

Question

彼のアジア料理について「Sensasianal」という言葉を使いたい人のためにウェブサイトを構築しています。アジアの言葉は、このように、私は.replace（）を使用してjQueryの中で達成するために管理し、別の色を使用して、常に取り出している： -

は

replaceAsian.html(replaceAsian.html().replace(/sasiana/ig, "s<em>asian</em>a")); 

私はその後、別の色で要素をスタイルすることができます。

ただし、元のテキストが大文字の場合、結果は大文字と小文字が区別されます。

だから私はこの

replaceAsian.html(replaceAsian.html().replace(/SASIANA/ig, "S<em>ASIAN</em>A")); 
replaceAsian.html(replaceAsian.html().replace(/sasiana/ig, "s<em>asian</em>a")); 

を試みたが、結果はまだ混在する場合です。

誰かがテキストの変更方法を教えてもらうことができますが、元のケースを保持していれば、私は助けていただければ幸いです。どうもありがとう。

Answer 1

は一致するテキストを再利用するため、大文字と小文字を区別しません。

iは大文字小文字の区別をしないフラグであり、gは、gフラグがないと起こるような最初のものではなく、すべてのオカレンスに一致することを意味します。

JSの正規表現機能の概要については、MDNを参照してください。

Answer 2

replaceAsian.html(replaceAsian.html().replace(/SASIANA/g, "S<em>ASIAN</em>A")); 
replaceAsian.html(replaceAsian.html().replace(/sasiana/g, "s<em>asian</em>a")); 

regexpの追加情報については、this pageを参照してください。

Answer 3

replaceAsian.html(replaceAsian.html().replace(/(S)(ASIAN)(A)/ig, "$1<em>$2</em>$3")); 

jsFiddle to prove