使用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/

但是，您可以使用jQuery完成此操作，而不用直接的javascript创建div：

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

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

当然，您可以一步完成此操作：

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