Javascript 如何使用jquery对动态创建的html div进行排序

我已经使用jquery动态创建了HTMLdiv，现在我想根据日期/名称对div进行排序。动态创建的div如下所示：

<div class="itemBox" data-date="2013-12-12 00:00:00" data-name="Simple Choker">
    ..data1.
<div>

<div class="itemBox" data-date="2013-12-12 00:00:00" data-name="Double 22"">
    ..data2.
<div>

…数据1。
最好在生成HTML之前对JS对象进行排序。但是，由于您希望在生成后再执行此操作，请尝试以下代码

$(".itemBox").sort(function (a, b) {
    var d1 = new Date($(a).data('date'));
    var d2 = new Date($(b).data('date'));
    return d2 < d1 ? 1 : -1;
}).appendTo('body');

$（“.itemBox”）.sort（函数（a，b）{
变量d1=新日期（$（a）.数据（'日期'）；
var d2=新日期（$（b）.数据（'日期'）；
返回d2

生成输出的jQuery在哪里？请在添加之前对它们进行排序them@johan-我必须在加载后对它们进行排序可能重复-在那里尝试解决方案。将代码放在问题中，而不是注释中。
$(".itemBox").sort(function (a, b) {
    var d1 = new Date($(a).data('date'));
    var d2 = new Date($(b).data('date'));
    return d2 < d1 ? 1 : -1;
}).appendTo('body');