javascript - jQuery addClass getDay()

Question

好吧，我基本上是在尝试使用 getDay() 和 addClass() 显示和隐藏内容。

目前它似乎对我不起作用。

我真的很希望它根据日期隐藏和取消隐藏。

提前致谢!

这是我的代码:

<div class="sundayRadio">
                <div class="vertDiv"></div>
                <section class="schedule on_now">
                    <p>20:00 NEWS - DJ RANDOM</p>
                    <p>Description.</p>
                </section>

function applyclass()
{
var d = new Date();
var n = d.getDay();
if (n = 0)
// If day is Sunday
$('sundayRadio').addClass('show');
    $('mondayRadio').addClass('Dshow');
    $('tuesdayRadio').addClass('Dshow');
    $('wednesdayRadio').addClass('Dshow');
    $('thursdayRadio').addClass('Dshow');
    $('fridayRadio').addClass('Dshow');
    $('saturdayRadio').addClass('Dshow');
else if (n = 1)
// If day is Monday
$('sundayRadio').addClass('Dshow');
    $('mondayRadio').addClass('show');
    $('tuesdayRadio').addClass('Dshow');
    $('wednesdayRadio').addClass('Dshow');
    $('thursdayRadio').addClass('Dshow');
    $('fridayRadio').addClass('Dshow');
    $('saturdayRadio').addClass('Dshow');


else
//// Else please reload
$('reloadWarn').addClass('show');
    $('sundayRadio').addClass('Dshow');
    $('mondayRadio').addClass('Dshow');
    $('tuesdayRadio').addClass('Dshow');
    $('wednesdayRadio').addClass('Dshow');
    $('thursdayRadio').addClass('Dshow');
    $('fridayRadio').addClass('Dshow');
    $('saturdayRadio').addClass('Dshow');
}
window.onload = applyclass;

.show { display: block !important; }
.Dshow { display: none !important; }

Answer 1

我在您的代码中遇到以下问题。

1) 您正在使用像

这样的选择器

$('mondayRadio').addClass('show');

使用 . 获取如下所示的类选择器

$('.mondayRadio').addClass('show');

2)您没有在if中进行比较，您正在分配

说

if (n == 0)

而不是

if (n = 0)

我想进行如下比较以避免这个问题。

if (0 == n)

3) 您没有使用 {} 正确地为 if 提供阻止。

说得像

if(n==0){
 //All your code
}
else if(n==1){
   //code
}
else{
   //code
}

DEMO