jQuery addClass方法不执行任何操作

时间:2018-11-16 12:50:08

标签: javascript jquery html

我正在尝试在一天的特定时间向div添加一个类。我的jQuery代码是:

$(document).ready(function(){
    var d = new Date();
    var hour = d.getHours();
    console.log(hour)
    if(hour >= 18 && hour <= 4) {
        $("#time").addClass("night");
    }
})

问题是上面的代码什么都不做。如果我尝试手动将类添加到<div id="time" class="night"></div>这样的div中,它将起作用。

  • 我的样式表已正确链接
  • jQuery已正确安装并可以与其他功能一起使用
  • Script.js已正确链接到HTML

任何想法,为什么它不起作用?

1 个答案:

答案 0 :(得分:3)

您的if永远无法工作,因为没有数字大于18并且同时小于4。您必须从

更改if
if(hour >= 18 && hour <= 4) {

if(hour >= 18 || hour <= 4) {