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

Question

我想在 javascript 中创建一个动态元素并更改内容并将其附加到正文中，购买无效

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

它返回old message ，似乎JQUERY直接与内部DOM一起工作，

http://jsfiddle.net/gL9GR/

Answer 1

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

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

演示:Fiddle

另外，在给定的模板中，您需要使用 .filter() 而不是 .find() 因为 $tmpl 引用 .ooo 元素 - 您甚至可以完全删除它，因为只有一个$tmpl

中的元素

• > Without any filtering
• > using .find()