jQueryを使ってテキストを使ってdivを作成する方法は？

Question

私はページ内のテキストをつかみ、それをjQueryを使ってdiv/span要素の中に入れようとしています。例えば

、Webページをオフ<p>Did you know "LARC" is a Medical Term?</p>をつかむと、そのようなdivの内部にそれを置く：私はクラスで特定の単語に関数を実行する必要がありますが、私ドンので、私は求めています<p>Did you know <div class="LARC IS COOL">"LARC"</div> is a Medical Term?</p>

理由がありますその単語が外部ソースから来て、ページにロードされているという事実のためにHTMLにアクセスできません。

jQuery('.gfield_label').each(function() { 
    var text = jQuery(this).text(); 
    jQuery(this).text(text.replace("LARC", "<div class='LARC IS COOL'>LARC</div>")); 
}); 

しかし、それだけでWebページ上でこれを出力します：

これは私が現在持っているものである

Did you know <div title='THIS BETTER WORK'>LARC</div> is a medical term? 

Answer 1

代わりに）（.textの使用で、.htmlを使用してみてください（）。

Answer 2

置き換えるときは、HTML機能を使用することをお勧めします。

参照：http://api.jquery.com/text/と http://api.jquery.com/html/

jQuery('.gfield_label').each(function() { 
 
    var text = jQuery(this).text(); 
 
    jQuery(this).html(text.replace("LARC", "<div class='LARC IS COOL'>LARC</div>")); 
 
});