javascript - 使用 JavaScript 遍历 Weekdays 数组并为今天的 'date' 添加一个类

Question

我正在创建一个静态日历，主要是想突出显示今天的专栏。

我正在遍历日历行，如下所示:

var weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
$('.calendar__row').each(function (index, value) {
    $(this).append(weekdays[index])
})

当它到达“今天”时 - 我想向“calendar__row”添加一个类 - 如何完成？

我最终得到:

<div class="calendar__row">Mon</div>
<div class="calendar__row">Tue</div>
<div class="calendar__row">Wed</div>...so on

如果可能的话，我想在我们类的那天加一节课!谢谢。

Answer 1

您可以使用 getDay返回 0 到 6 之间的数字的函数，表示星期几(0 表示星期日，1 表示星期一，2 表示星期二，依此类推):

var today = new Date().getDay();

并基于此检查索引是否与您的数组匹配，并根据类采取相应行动:

$('.calendar__row').each(function (index, value) {
    $(this).append(weekdays[index]);

    var today = new Date().getDay();    
    if (index == (today == 0 ? 6 : (today - 1))) {  
        $(this).addClass('today'); 
    }
});