Question

如果我有这样的月份列表

<div id="dailyInfo" class="contentInfo">
                <ul>
                    <li>
                        <a href="#February">Febuary</a>
                    </li>
                    <li>
                        <a href="#March">March</a>
                    </li>
                    <li>
                        <a href="#April">April</a>
                    </li>
                    <li>
                        <a href="#May">May</a>
                    </li>
                    <li>
                        <a href="#June">June</a>
                    </li>
                    <li>
                        <a href="#July">July</a>
                    </li>
                    <li>
                        <a href="#August">August</a>
                    </li>
                    <li>
                        <a href="#September">September</a>
                    </li>
                    <li>
                        <a href="#October">October</a>
                    </li>
                    <li>
                        <a href="#November">November</a>
                    </li> 
                </ul>
            </div>

有没有办法隐藏十月到十月？与11月相同。现在我正在评论这些并每月切换它。几个问题是我有时候会迟到几天。我怎么能自动完成这个？

编辑：我想要显示过去几个月的所有li元素。只是不是尚未到来的月份。像十月和十一月一样

Answer 1

隐藏当前版本之后的每个月：

$('#dailyInfo li:gt('+((new Date()).getMonth()-1)+')').hide();

FIDDLE

隐藏当月的所有内容：

$('#dailyInfo li:not(li:eq('+((new Date()).getMonth()-1)+'))').hide();

FIDDLE

隐藏当前月份：

$('#dailyInfo li:eq('+((new Date()).getMonth()-1)+')').hide();

FIDDLE

Answer 2

阿德内奥发布了一个很好的答案，但我想我可以提供另一个答案。只是为了皮特的缘故。

http://jsfiddle.net/G6wWa/

var d = new Date(),
    n = d.getMonth();

$(".contentInfo ul li").each(function () {
    var $this = $(this),
        ID = $(this).index();
    if (ID > n) $(this).hide();
});

Answer 3

使用此代码...它会隐藏您当前的月份

这里是jsfiddle http://jsfiddle.net/K7Thm/

 var currentDate=new Date()
    var monthNum=currentDate.getMonth()-1;
    $('#dailyInfo ul li').eq(monthNum).hide();

我怎样才能自动更新月份？

3 个答案: