如何使用JavaScript/jQuery更改内容？

我想在javascript中创建一个动态元素，更改内容并将其附加到正文中，buy not works

var template = "<div class='ooo'>old message</div>";
$(template).find(".ooo").html("new message");
$("body").append(template);

var template=“旧消息”；
$（模板）.find（“.ooo”）.html（“新消息”）；
$（“正文”）。附加（模板）；

它返回旧消息，似乎JQUERY直接与内部DOM一起工作

---

修改jQuery对象不会更新创建它的字符串文本

var template = "<div class='ooo'>old message</div>";
var $tmpl = $(template);
$tmpl.filter(".ooo").html("new message");
$("body").append($tmpl);

var template=“旧消息”；
var$tmpl=$（模板）；
$tmpl.filter（“.ooo”）.html（“新消息”）；
$（“正文”）。追加（$tmpl）；

演示：

此外，在给定的模板中，您需要使用.filter（）而不是.find（），因为$tmpl引用

.ooo

元素-您甚至可以完全删除它，因为

$tmpl

中只有一个元素

---

我可以知道为什么对直接旧邮件的筛选不起作用吗？find似乎有一个错误是的，它可以工作，但是为什么find不能在示例1上工作呢？您知道吗？@Ata

find（）

将不工作，因为它搜索子元素，但在模板中没有与给定选择器匹配的子元素