jQuery-在HTML字符串的元素内插入文本

我将一个html字符串存储到var html中，我使用以下方法获得该字符串：

var HTML = $('.group').get(0).outerHTML;

使用console.log（HTML）的HTML输出为：

但是现在使用console.log（HTML）的HTML输出与以前相同。没有插入文本“Hello！”。有人能帮忙解决这个问题吗

以下是完整的代码：

<div class="group">
    <div class="class1">
        Data123...
    </div>
    <div class="class2">
        
    </div>
</div>

<script type="text/javascript">
var HTML = $('.group').get(0).outerHTML;
$(HTML).find('.class2').text("Hello!");
console.log(HTML);
</script>

数据123。。。
var HTML=$（'.group'）.get（0）.outerHTML；
$（HTML）.find（'.class2'）.text（“Hello！”）；
log（HTML）；

您正在更新一个临时DOM元素，但这不会更改

HTML

字符串。您需要将DOM元素保存在变量中

var new_div=$（HTML）；
new_div.find（'.class2'）.text（“Hello！”）；
log（$（new_div.html（））您正在更新一个临时DOM元素，但这不会更改
HTML
字符串。您需要将DOM元素保存在变量中


var new_div=$（HTML）；
new_div.find（'.class2'）.text（“Hello！”）；
log（$（new_div.html（））
$(HTML).find('.class2').text("Hello!");

<div class="group">
    <div class="class1">
        Data123...
    </div>
    <div class="class2">
        
    </div>
</div>

<script type="text/javascript">
var HTML = $('.group').get(0).outerHTML;
$(HTML).find('.class2').text("Hello!");
console.log(HTML);
</script>