javascript - 列出的活动，在这些时间周围放置空白时间点

Question

我正在通过 JSON 提取今天的活动列表。

我想搜索这些活动的时间，然后显示今天每个小时没有活动的内容，因此它看起来像每日议程类型列表。

下午 3:30 活动

下午 4:00 没有活动

下午 4:30 没有活动

下午 5:00 活动

Answer 1

弄清楚了！=)

的HTML：

<ul id="ulToday">
<li class="post-info act"><time class="" hr="14" min="30">2:30pm</time> Activity</li>
<li class="post-info act"><time class="" hr="16" min="30">2:30pm</time> Activity</li>
</ul>

JS：

for (var hour=1; hour<25; hour++) {
    hours = hour;
    var ampm = hours >= 12 ? 'pm' : 'am';
    hours = hours % 12;
    hours = hours ? hours : 12;
    $('#ulToday').append('<li class="' + hour + '"><time>' + hours +' '+ ampm + '</time> No activity</li>');
};
$('.act').each(function(){
             var activityTime = $(this).find('time').attr('hr');
             var activityMin = $(this).find('time').attr('min');
             var actClass = "."+activityTime;
             var activity = $(this);
    if (activityMin != 00) {
        $(actClass).after(activity);
    } else {
        $(actClass).replaceWith(activity);
    };  
});