Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/417.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript根据星期几更改div的CSS属性_Javascript_Jquery_Html_Css - Fatal编程技术网

JavaScript根据星期几更改div的CSS属性

JavaScript根据星期几更改div的CSS属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在创建一个网站。我正在展示营业时间。客户要求突出显示一周中的当前日期。每天显示在黑色框中,但今天的日期显示在红色框中 var d = new Date(); var weekday = new Array(7); weekday[0] = "Sunday"; weekday[1] = "Monday"; weekday[2] = "Tuesday"; weekday[3] = "Wednesday"; weekday[4] = "Thursday"; weekday[5] = "Frida

我正在创建一个网站。我正在展示营业时间。客户要求突出显示一周中的当前日期。每天显示在黑色框中,但今天的日期显示在红色框中

var d = new Date();
var weekday = new Array(7);
weekday[0] =  "Sunday";
weekday[1] = "Monday";
weekday[2] = "Tuesday";
weekday[3] = "Wednesday";
weekday[4] = "Thursday";
weekday[5] = "Friday";
weekday[6] = "Saturday";

var n = weekday[d.getDay()];

if (n = 'Thursday') {
    $('coloured-box').css({"color":"green"});
}

以上是我不知道它是对是错的。

最简单的方法是获取当前日期,然后通过容器中的索引设置给定元素的类,如下所示:

$('.coloredbox span').eq(new Date().getDay()).addClass('today')
.coloredbox span.today{color:#C00;}

星期日
星期一
星期二
星期三
星期四
星期五
星期六

最简单的方法是获取当前日期,然后根据给定元素在其容器中的索引设置该元素上的类,如下所示:

$('.coloredbox span').eq(new Date().getDay()).addClass('today')
.coloredbox span.today{color:#C00;}

星期日
星期一
星期二
星期三
星期四
星期五
星期六

我想您可能有逻辑错误

if (n = 'Thursday') {
    $('coloured-box').css({"color":"green"});
}
您需要使用==

if (n == 'Thursday') {
    $('coloured-box').css({"color":"green"});
}

我想你可能有逻辑错误

if (n = 'Thursday') {
    $('coloured-box').css({"color":"green"});
}
您需要使用==

if (n == 'Thursday') {
    $('coloured-box').css({"color":"green"});
}

在HTML代码中是否列出了一周中您希望设置样式的天数,如果是,您是否可以包括相关的HTML代码?您希望通过
n<'thresday'
实现什么,您的意思是
d.getDay()<4
,而“$('colored-box')”也很可能是错误的,因为没有标记名为
彩色框的html元素
。您想用
n<'threed'
实现什么?这是两个字符串-为什么要使用
@t.niese当然,OP可能并不意味着这一点,但是您可以使用任何您想要的标记名
getDay()
返回一个与一周中的天数对应的数字(0-6)。它不会返回一周中某一天的字符串名称。是否有一个在HTML代码中显示的、您希望设置样式的一周中某一天的列表,如果有,您是否可以包含相关的HTML代码?您想用
n<'striday'
实现什么,您的意思是
d.getDay()<4
和“$('colored-box'))`也很可能是错误的,因为没有带有标记名
彩色框的html元素?这是两个字符串-为什么要使用
@t.niese当然,OP可能并不意味着这一点,但是您可以使用任何您想要的标记名
getDay()
返回一个与一周中的天数对应的数字(0-6)。它不会返回一周中某一天的字符串名称。Rory,通过一些调整,使其与我的确切场景一起工作,它工作得非常完美!非常感谢你的帮助!Rory,通过一些调整,让它与我的确切场景一起工作,它工作得非常完美!非常感谢你的帮助!