指定された単語をスパンタグでラップする最も便利な方法を知りたいです。
例：犬という言葉があります。元のテキストは次のとおりです。
I have a dog, do you have a dog?
そして、出力は次のようになります。
I have a <span class="highlight">dog</span>, do you have a <span class="highlight">dog</span>?
何か助けはありますか？
編集： 個々の単語でなくても、単語をラップする必要があることに注意してください（Peter-dog）。あなたがそれを手に入れたことを望みます。
JavaScriptのreplace関数を使用できます。基本的な例を次に示します。
$('#container').html($('#container').html().replace(/(dog)/g,'<span class="highlight">$1</span>'));
これが便利なjQueryプラグインです。
それは本当に使いやすく、それは素晴らしい働きをします。
編集—これは私の非常に古い答えです。Lettering.jsライブラリを名前を含めずにリンクしただけで後悔しています。ライブラリは便利ですが、7年後、ルパート氏が積極的にそれを維持し続けているかどうかはわかりません。
レタリングは、DOMの選択された領域のテキストノードを調べ、個々の文字や単語（構成可能）を<span>タグでラップして、スタイルを設定できるようにします。シンプルですが効果的です。使用したくない場合でも、コードはそれほど広範ではなく、教育的です。