jQueryの使い方：異なる入力のためのreplace（）

Question

私は以下のHTMLコンテンツを持っています。

<pre class="preContent"> Just import all required libraries into the application. Make sure to use <String> tags. </pre> 

私は '輸入' と 'ライブラリ' と '<' の色を変更したいです。 '>'。

私はjQueryのを使用しようとしています：含まれています（）。。上記のコードを1として

$(".preContent:contains(import)").each(function() { 
     var regex = new RegExp('import','gi'); 
     $(this).html($(this).html().replace(regex, "<span class='red'>import</span>")); 
}); 

、私は「インポート」キーワードの色を変更することができています。しかし、他の必要なキーワードの色を変更するにはどうすればいいですか？

Answer 1

あなたはコンマで区切って複数のセレクタをターゲットとし、それらを置き換えるために正規表現パターンを使用することができます。

var regex = /(import|libraries)/gi; 
 

 
$('.preContent:contains(import), .preContent:contains(libraries)').each(function() { 
 
    $(this).html($(this).html().replace(regex, "<span class='red'>$1</span>")); 
 
});

.red { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<pre class="preContent">Just import all required libraries into the application. Make sure to use &lt;String&gt; tags.</pre>