jquery - 删除链接并根据日期添加类(class)

Question

我有一个用 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 类，但无法找到正确的语法。

我正在寻找本质上执行此操作的语法:如果月份 = 当前月份，则删除前几个月的链接并添加类“nolink”

有人有什么建议吗？

Answer 1

使用: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