注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-11-26
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>

关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。