javascript - javascript の var 変更の問題

Question

以下に、JavaScript コードの一部を示します。

var htmlBlurb = '<div> hello <font color=red>world</font>!!!</div>';
$(htmlBlurb).find('font').each(function(e){
    $(this).html("Javascript");
});
console.log(htmlBlurb);

私はhtmlBlurbの出力を期待しています

<div> hello <font color=red>Javascript</font>!!!</div>

でもhtmlBlurb変わらない。

ここで何が欠けているのか誰かが説明できますか?

Answer 1

htmlBlurbは文字列です。要素を$(htmlBlurb)作成して一時的に保存する間、操作を実行して$('a')も文字列リテラルが変更されないのと同様に、元の文字列は変更されません'a'。

代わりに、次の操作を行います。

var htmlBlurb = '<div> hello <font color=red>world</font>!!!</div>';
var blurb=$(htmlBlurb)
blurb.find('font').each(function(e){
    $(this).html("Javascript");
});
console.log(blurb.wrapAll('<div></div>').parent().html());