javascript - 无法使用 jQuery 更改带有 HTML 的字符串？

Question

我一辈子都弄不明白我做错了什么？为什么这行不通？我正在尝试使用 jQuery 操作 HTML 字符串，我最终将在 id=hist 中插入历史数据，但现在我只是想让它操作 HTML 字符串，并且不能。

var hist = '<div class="panel panel-default"> \
            <div class="panel-heading" style="background-color:#FFFF00">History</div> \
            <div class="panel-body" id="hist"> \
            </div> \
        </div>';

$(hist).find("div").addClass("test");
console.log(hist);

输出与 hist 变量完全相同。没有变化？我知道有一个简单的答案，我就是想不通。显然 jQuery 不会返回一个变量，它应该直接影响 hist 输入，对吧？

Answer 1

嗯，这是因为您正在尝试打印原始字符串。但是，字符串在 JavaScript 中是不可变的。

尝试这样做:

var elem = $(hist);
elem.find("div").addClass("test");
console.log(elem);