仅显示包含当前小时的div

Question

我有一个包含计划的列表，我想只显示包含当前小时的div ...我试过这样的事情：

<div class="sch">17:20 BurnIT</div>
<div class="sch">18:00 AQA</div>
<div class="sch">19:25 Dynamic Stretch</div>
<div class="sch">20:50 HydroRider</div>

var d = new Date();
var h = (d.getHours());

$(".sch").each(function () {
    var time = $(this).html().substr(0, 2)
    if (time === h) {
        $(this).show();
    } else {
        $(this).hide();
    };
});

Answer 1

使用auto_now_add=True隐藏特定元素，您也可以使用带有布尔值的 toggle() 来显示和隐藏。使用this代替==以避免类型不匹配

===

var d = new Date();
var h = (d.getHours());
$(".sch").each(function() {
  var time = $(this).html().substr(0, 2)
  $(this).toggle(time == h)
});