jQuery：表示する前にHTMLの文字列を変更する

Question

HTMLをプレーンテキストとしてコピーして出力するフロントエンドスクリプトで作業していますが、私はその部分を以下のFiddleで動作させています。

FIDDLE

私の質問、それは例えばを表示する前に、私は出力文字列を変更することができる方法はあり私のフィーリングの例では、単語 "test"を "boat"に変更し、例としてURL "http://www.linkedin.com"を "http://www.google.com"に変更します。私はいくつかの文字列置換コードのオプションを見てきた

$('.output').click(function() { 
    $('.outputCon').css('display', 'block'); 
    var $code = $('.redCon').html(); 
    $('.outputCon').text($code); 
}); 

：

$('.outputCon').html($($code).html().replace('test', 'dog')); 

私はわからない私は、私が前に文字列を変更するには、これを実装する方法を確認していないと、正しく行っている場合HTMLが表示されました。申し訳ありませんが、私の説明は難しいです。

Answer 1

変数$codeには既にhtmlテキストが含まれていますので、その上でreplaceメソッドを使用できます。代わりに：

$('.outputCon').html($($code).html().replace('test', 'dog')); 

あなただけのこの操作を行うことができます。

$('.outputCon').text($code.replace('test','dog')); 

また、あなたがjQueryを使ってPHPを混合しているように思えます。 jQueryの変数に$を使用する必要はありません。