使用jquery将动态创建的div添加到另一个div

Question

我正在创建两个div：

var div_day=document.createElement("div");
var div_dateValue=document.createElement("div");

然后我想将div_day添加到现有的日历div，将div_dateValue添加到div_day：

$('#calendar').append(div_day)                          
$(div_day).append(div_dateValue);

div_day会添加到日历中，但div_dateValue不会添加到div_day，脚本会停在那里。控制台中没有错误但它处于循环中并且应该有更多div_days（每个都有唯一的id）。我是jquery的新手，所以感谢任何帮助。

在我的搜索中，我找到了如何添加div，但没有将动态创建的div添加到另一个动态创建的div。

感谢您的帮助！

凯文

Answer 1

$('<div><div></div></div>').appendTo("#calendar");

尝试此操作并将其标记为答案（如果有帮助）

Answer 2

div_day.appendChild(div_dateValue)
$('#calendar').append(div_day)  

Answer 3

必须继续其他事情（即使你丢失了分号）。你的例子在这里工作正常：

http://jsfiddle.net/P4rh5/

但是，不是用直接的javascript创建div，而是使用jQuery来实现：

var div_day = $("<div>");
var div_dateValue = $("<div>");

$('#calendar').append(div_day);                        
$(div_day).append(div_dateValue);

当然，您可以一步完成：

$('#calendar').append("<div><div></div></div>");