好吧,我基本上試圖使用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