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());