好吧,我基本上试图使用getDay()和addClass()来显示和隐藏内容。getDay()jQuery 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; }
你错过了“。”所有类名的操作符。也就是说,它应该是'$('.sundayRadio')'。显然你的代码将会非常简单,如果你给这些元素一个普通的类名称以及它们的标识类名称。 – Pointy 2014-08-31 12:18:43
你的大括号在哪里? – 2014-08-31 12:21:34
更新仍然不工作: 如果(n == 0){ //如果一天是.sunday $('。sundayRadio')。addClass('。show'); $('。mondayRadio')。addClass('。Dshow'); $('。tuesdayRadio')。addClass('。Dshow'); $('。wednesdayRadio')。addClass('。Dshow'); ('。thursdayRadio')。addClass('。Dshow'); $('。fridayRadio')。addClass('。Dshow'); $('。saturdayRadio')。addClass('。Dshow'); } – 2014-08-31 12:50:16