删除链接并根据日期添加类

时间:2013-04-22 20:43:31

标签: jquery

我有一个用html和php构建的日历,我有以下格式列出月份链接:

    <ul class="month-list">
        <li class="nolink">Jan</li>
        <li class="nolink">Feb</li>
        <li class="nolink">Mar</li>
        <li><a href="?month=April">Apr</a></li>
        <li><a href="?month=May">May</a></li>
        <li><a href="?month=June">Jun</a></li>
        <li><a href="?month=July">Jul</a></li>
        <li><a href="?month=August">Aug</a></li>
        <li><a href="?month=September">Sep</a></li>
        <li><a href="?month=October">Oct</a></li>
        <li><a href="?month=November">Nov</a></li>
        <li><a href="?month=December">Dec</a></li>
    </ul>

我需要与jQuery进行日期比较,以便在月份过去时删除链接,并添加nolink类,但无法找到正确的语法。

我正在寻找基本上这样做的语法: 如果Month = Current Month,则删除前几个月的链接并添加类“nolink”

有人有任何建议吗?

1 个答案:

答案 0 :(得分:3)

使用:lt() jQuery选择器和JS的new Date().getMonth()很容易:

LIVE DEMO

var m = new Date().getMonth(); // Returns the curr. month "zero" based (0 -> 11)

$('.month-list li:lt('+ m +')').each(function(){
  $('a', this).contents().unwrap('a').parent('li').addClass('nolink');
});

要使用所有月份进行测试,而不是var m = new Date().getMonth();在演示中手动将值从0添加到11。这会有点棘手但只考虑当前月份是a value -1