Javascript 更改背景颜色/将边框设置为当前日期

Javascript 更改背景颜色/将边框设置为当前日期,javascript,jquery,html,css,border,Javascript,Jquery,Html,Css,Border,我很想知道如何使用当前时间更改表格行,以突出显示/更改背景颜色 我有7天的时间在一张表上记录一家商店的营业时间,我想用不同的颜色突出显示当天。我只想做一个装饰性的动作。感谢您的帮助 我不是一个程序员,但我的思维过程是,获取当前时间是不够的;它必须用于通过id左右匹配任何工作日,例如今天是星期天,行中的文本也是“星期天”,因此它知道必须更改TD的bg颜色 这可能吗?感谢您的帮助。:) 实际上,您必须在javascript中获取当前日期,如下所示: 然后,您只需获得相应的单元格并设置一个特定的cs

我很想知道如何使用当前时间更改表格行,以突出显示/更改背景颜色

我有7天的时间在一张表上记录一家商店的营业时间,我想用不同的颜色突出显示当天。我只想做一个装饰性的动作。感谢您的帮助

我不是一个程序员,但我的思维过程是,获取当前时间是不够的;它必须用于通过id左右匹配任何工作日,例如今天是星期天,行中的文本也是“星期天”,因此它知道必须更改TD的bg颜色


这可能吗?感谢您的帮助。:)

实际上,您必须在javascript中获取当前日期,如下所示:

然后,您只需获得相应的单元格并设置一个特定的css类,如下所示:

var d=新日期();
var n=d.getDay();
document.getElementById(n).className=“bg”
.bg{
背景色:#939393;
边框:实心1px;
}

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

拉小提琴

我喜欢最简单的解决方案。非常感谢。以后我可能会开始理解这样做背后的逻辑。:)
<table>
  <tr><td>Sunday</td></tr>
  <tr><td>Monday</td></tr>
  <tr><td>Tuesday</td></tr>
  <tr><td>Wednesday</td></tr>
  <tr><td>Thursday</td></tr>
  <tr><td>Friday</td></tr>
  <tr><td>Saturday</td></tr>
</table>
$(function(){
  var weekday = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
  var date = new Date();
  var currentDay = weekday[date.getDay()];

  $('table td').each(function() {
    if($(this).html() == currentDay)
      $(this).addClass('active');
  });

})

//CSS

table tr td{
  border: 1px solid gray;
  background-color: #082768;
  color: #fff;
}
table tr td.active{
  background-color: red;
  color: #fff;
}