的元素追加到另一个和追加他们都到另一个元件

Question

我想创建一个div和追加一个ul（一类）和一个h5（文本）给它。然后，将该div附加到另一个元素。

我觉得这个代码应该这样做：

$("div").addClass("nice") 
    .append($("ul").addClass("myclass")) 
    .append($("h5").text("heading")) 
    .appendTo($("#another_div")); 

，但它不工作，浏览器崩溃！

怎么样？ （我知道我可以使用$("div").html()，但我不喜欢它！）

谢谢。

Answer 1

你的问题是，通过使用“div”和“ul”作为选择器，jQuery正在搜索dom而不是创建元素。试试这个：

$("<div></div>").addClass("nice") 
    .append($("<ul></ul>").addClass("myclass")) 
    .append($("<h5></h5>").text("heading")) 
    .appendTo($("#another_div")); 

Answer 2

活生生的例子：http://jsfiddle.net/kzLmp/

$(function(){ 
    $("<div>").addClass("nice") 
    .append($("<ul>").addClass("myclass")) 
    .append($("<h5>").text("heading")) 
    .appendTo($("#another_div")); 
});