[英]hide all previous months start from the current month
I have list of months, now what I want is to hide all previous months start from the current month (march/MAR). 我有几个月的清单,现在我想要的是隐藏从当月(3月/ MAR)开始的所有前几个月。
<ul id="months">
<li><a class="li-month" data-val="0" href="#JAN">JAN</a></li>
<li><a class="li-month" data-val="1" href="#FEB">FEB</a></li>
<li><a class="li-month" data-val="2" href="#MAR">MAR</a></li>
<li><a class="li-month" data-val="3" href="#APR">APR</a></li>
<li><a class="li-month" data-val="4" href="#MAY">MAY</a></li>
<li><a class="li-month" data-val="5" href="#JUN">JUN</a></li>
<li><a class="li-month" data-val="6" href="#JULY">JULY</a></li>
<li><a class="li-month" data-val="7" href="#AUG">AUG</a></li>
<li><a class="li-month" data-val="8" href="#SEP">SEP</a></li>
<li><a class="li-month" data-val="9" href="#OCT">OCT</a></li>
<li><a class="li-month" data-val="10" href="#NOV">NOV</a></li>
<li><a class="li-month" data-val="11" href="#DEC">DEC</a></li>
</ul>
I tried 我试过了
$(document).ready(function(){
$('.li-month[href="#'+moment().format("MMM")+'"]').prevUntil().hide();
});
but unfortunately, not working, any ideas, help please? 但不幸的是,没有工作,任何想法,请帮助吗?
var d = new Date(); n = d.getMonth(); console.log(n) $('ul li').each(function() { console.log($(this).find('a').attr('data-val')) if ($(this).find('a').attr('data-val') == n) { $(this).prevAll().hide(); } })
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script> <ul id="months"> <li><a class="li-month" data-val="0" href="#JAN">JAN</a> </li> <li><a class="li-month" data-val="1" href="#FEB">FEB</a> </li> <li><a class="li-month" data-val="2" href="#MAR">MAR</a> </li> <li><a class="li-month" data-val="3" href="#APR">APR</a> </li> <li><a class="li-month" data-val="4" href="#MAY">MAY</a> </li> <li><a class="li-month" data-val="5" href="#JUN">JUN</a> </li> <li><a class="li-month" data-val="6" href="#JULY">JULY</a> </li> <li><a class="li-month" data-val="7" href="#AUG">AUG</a> </li> <li><a class="li-month" data-val="8" href="#SEP">SEP</a> </li> <li><a class="li-month" data-val="9" href="#OCT">OCT</a> </li> <li><a class="li-month" data-val="10" href="#NOV">NOV</a> </li> <li><a class="li-month" data-val="11" href="#DEC">DEC</a> </li> </ul>
DO it this way 这样做吧
new Date().getMonth()
returns a number between 0 and 11. Check if the data-val
attr is less than current month and hide the parent li
. new Date().getMonth()
返回0到11之间的数字。检查data-val
attr是否小于当前月份并隐藏父li
。
$(document).ready(function() { var month = new Date().getMonth(); $("#months > li > a").each(function() { if ($(this).data("val") < month) { $(this).parent().hide(); } }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <ul id="months"> <li><a class="li-month" data-val="0" href="#JAN">JAN</a> </li> <li><a class="li-month" data-val="1" href="#FEB">FEB</a> </li> <li><a class="li-month" data-val="2" href="#MAR">MAR</a> </li> <li><a class="li-month" data-val="3" href="#APR">APR</a> </li> <li><a class="li-month" data-val="4" href="#MAY">MAY</a> </li> <li><a class="li-month" data-val="5" href="#JUN">JUN</a> </li> <li><a class="li-month" data-val="6" href="#JULY">JULY</a> </li> <li><a class="li-month" data-val="7" href="#AUG">AUG</a> </li> <li><a class="li-month" data-val="8" href="#SEP">SEP</a> </li> <li><a class="li-month" data-val="9" href="#OCT">OCT</a> </li> <li><a class="li-month" data-val="10" href="#NOV">NOV</a> </li> <li><a class="li-month" data-val="11" href="#DEC">DEC</a> </li> </ul>
Try This one 试试这个
$(document).ready(function(){ var d = new Date(); var i=0; var n = d.getMonth(); $('.li-month').hide(); for(i =0; i < 13 ; i++){ if( i > n || i > n ){ $('[data-val="'+ (i -1) +'"]').show(); } else { $('[data-val="'+ (i -1) +'"]').parent().hide(); } } });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <ul id="months"> <li><a class="li-month" data-val="0" href="#JAN">JAN</a></li> <li><a class="li-month" data-val="1" href="#FEB">FEB</a></li> <li><a class="li-month" data-val="2" href="#MAR">MAR</a></li> <li><a class="li-month" data-val="3" href="#APR">APR</a></li> <li><a class="li-month" data-val="4" href="#MAY">MAY</a></li> <li><a class="li-month" data-val="5" href="#JUN">JUN</a></li> <li><a class="li-month" data-val="6" href="#JULY">JULY</a></li> <li><a class="li-month" data-val="7" href="#AUG">AUG</a></li> <li><a class="li-month" data-val="8" href="#SEP">SEP</a></li> <li><a class="li-month" data-val="9" href="#OCT">OCT</a></li> <li><a class="li-month" data-val="10" href="#NOV">NOV</a></li> <li><a class="li-month" data-val="11" href="#DEC">DEC</a></li> </ul>
<script type="text/javascript">
$(document).ready(function(){
var myDate = new Date();
var curMonth = myDate.getMonth();
alert(curMonth);
$('.li-month:lt('+curMonth+')').parent('li').hide();
});
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.