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

Question

我想在JavaScript中創建一個動態元素，改變的內容和它添加到身體，買不工作

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

其返回舊消息，它似乎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()