使用JavaScript循环遍历工作日数组,并为今天添加一个类';s';日期';

使用JavaScript循环遍历工作日数组,并为今天添加一个类';s';日期';,javascript,Javascript,我正在创建一个静态日历,基本上希望突出显示今天的专栏 我在日历行中循环,如下所示: var weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] $('.calendar__row').each(function (index, value) { $(this).append(weekdays[index]) }) 当它点击“今天”-我想添加一个类到“日历行”-这将如何做到 我的结局是: <div class="

我正在创建一个静态日历,基本上希望突出显示今天的专栏

我在日历行中循环,如下所示:

var weekdays = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
$('.calendar__row').each(function (index, value) {
    $(this).append(weekdays[index])
})
当它点击“今天”-我想添加一个类到“日历行”-这将如何做到

我的结局是:

<div class="calendar__row">Mon</div>
<div class="calendar__row">Tue</div>
<div class="calendar__row">Wed</div>...so on
Mon
星期二
我们…等等
如果可能的话,我想在我们开课的那天增加一节课!谢谢。

您可以使用该函数返回一个从0到6的数字,表示一周中的当前日期(0表示星期日,1表示星期一,2表示星期二,依此类推):

并在此基础上检查索引在数组中是否匹配,并相应地对类执行操作:

$('.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'); 
    }
});

谢谢,达林,像这样的?如果(today[date.getDay()]){$(this.addClass('today')}-我不太清楚设置,任何帮助都很感激:)小心,因为getDay()将在星期天返回0,但是您的平日数组从星期一开始,所以您需要在测试中说明:
if(index==(today==0?6:(today-1)){$(this.addClass('today');}
。将我的阵列更改为从星期天开始,因此删除了你的'-1'块,但很可爱,效果很好,谢谢!
$('.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'); 
    }
});