注册 登录 充值会员 退出
毕业设计 PHP源码
充值

jQuery手机端点击换一批标签代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-03-22
jQuery手机端点击换一批标签代码
这是一款简单的jQuery手机端点击换一批标签代码,通过jQuery获取多组li标签,通过点击换一批按钮进行标签组的更换。


js代码

<script type="text/javascript">
	var changeindex=1;
	var clickindex=2;
	$(".changeone li").each(function(index,element){      
		if(index/8<changeindex){

			element.className="change"+changeindex;
		}else{
			changeindex++;
			element.className="change"+changeindex;
		}
	})
	$(".change1").siblings().css("display","none");
	$(".change1").show();
	$(".huan").click(function(){
		if(clickindex<=changeindex){
			$(".change"+clickindex).siblings().css("display","none");
			$(".change"+clickindex).show();
			clickindex++;
		}else{
			clickindex=1;
			$(".change"+clickindex).siblings().css("display","none");
			$(".change"+clickindex).show();
		}

	});
</script>