话不多说直接上图
下面说一下如何实现(只做实现,界面根据自己的需求来)
for (var i = 0; i < 50 ;i++) {
$("#xiaoyi-main-ul").append('<li> <span>新浪微博'+i+'</span></li>')
}
$("#xiaoyi-main-ul li").each(function(index,item){
if(index>7){
$(this).hide();
}
})
})
上面是如果添加,主要是利用jquery把ul 下面的li 找出来遍历,把要显示的不做隐藏,其他的都做隐藏,
显示的代码
$("#xiaoyi-main-ul li").each(function(){
$(this).show();
})
把所有的li都显示出来就可以了
代码在 这里