列出的活動，在那些時間周圍放置空白小時點

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); 
    }; 
});