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") );
});

将一个元素附加到另一个元素并将它们全部附加到另一个元素

2 个答案: