javascript - JQuery でテキストの一部を置換と

Question

私は私の体にこのコードを持っています:

<p>
    hello ok hello no
<p>

<p>
    ok hello ok ko 
<p>    

<p>「ok」というテキストを<img>タグごとに置き換えたい<img src="ok.png" alt="good word"/>

これを行うことは可能ですか？

注：アポストロフィや引用符を含む可能性のある他のテキストには、この関数を適用する必要があります

Answer 1

使用each:

$('p').each(function() {
    this.innerHTML = this.innerHTML.replace(/\bok\b/g, '<img src="ok.png" alt="good word"/>')
})

のようなものが一致しない/\bok\b/ように使用しました。「単語境界」を意味します。token\b

ここにフィドルがあります。

Answer 2

replaceWith-jqueryを試してください

$( "<p>" ).replaceWith( '<img src="ok.png" alt="good word"/>');
$( "</p>" ).replaceWith( "" );

詳細については、jquery のドキュメント http://api.jquery.com/replaceWith/を参照してください。