javascript - 配列内にある段落タグ内のすべての単語にクラスを適用するにはどうすればよいですか?

Question

次のように定義された段落があるとしましょう

<p>Here is a short paragraph of text which has repeating words. Words such <br>
as these will have a span around them which changes a property of words in a <br>
paragraph.
</p>

このクラスを適用したい単語の配列を持つスクリプトを使用します。

var blueWords = ["paragraph", "words", "which", "a"];

段落内の各項目を反復処理して追加するにはどうすればよいですか

<span color="blue"></span>

blueWords 配列内の事前定義された単語の周りに? これはjQueryで簡単に実行できますが、これを行う方法がわかりません。

Answer 1

このコードを試すことができます：

$('p').html($('p').html().replace(/(\sparagraph\s|\swords\s|\swhich\s|\sa\s)/ig, '<span style="color: blue">$1</span>'))

正規表現で置換メソッドを使用しています。正規表現は、文字列を検索するための強力な方法です。