将基于数据属性时间戳的div排序为单独的div

时间:2015-11-20 09:50:15

标签: javascript jquery html html5

我有一个for循环放置div这些div按日期排序,并带有数据时间戳。

现在我想将项目包装成div,这是排序的代码:

<div class="08"></div>

完成此功能后,他们将在页面上进行循环播放。现在我想根据时间将数组中的项目包装成div,所以如果时间戳是2015/01/01 12:10:15,它必须包含:

<div class="08"></div>
<div class="12"></div>

循环项目,如果时间戳为<div class="js-album-thumbnail" data-original="" data-downloadable="" data-timestamp="2015/11/19 16:32:52" data-thumbnail="" data-share=""><img src=""></div> ,则为:

{{1}}

所有其他项目的小时数相同

{{1}}

1 个答案:

答案 0 :(得分:0)

我认为类似的东西可以起作用:

for (var i=0; i<24; i++){
    $(".js-album-thumbnail").each(function(){
        var element = this;
        if ((new Date(element.attr("data-timestamp"))).getHours() == i){
            $("div."+i).append(element)
        }
    }
}