首页 > 技术文章 > jqeury显示前几个,隐藏后几个,点击后隐藏前几个显示后几个

wangjae 2017-07-14 11:10 原文

<script type="text/javascript">
	$(".ul li").each(function(){
		if($(this).index()>2){
			$(this).css("display","none");
		}
	});
	$(".huan").click(function(){
		$(".uli li").each(function(){
			if($(this).is(":hidden")){
				$(this).css("display","block");
			}else{
				$(this).css("display","none");
			}
		});
	});
</script>

有6个li,点击.huan的时候,前3个和后3个来回切换,隐藏显示

推荐阅读