Jquery 点击一次，显示下一个DIV 怎么做到？

最新推荐文章于 2020-12-30 14:37:43 发布

小辉鲜森

最新推荐文章于 2020-12-30 14:37:43 发布

阅读量1.7k

点赞数 2

<html>
<head>
</head>
<body>
<div id="box1" style="">111</div>
<div id="box2" style="display:none">222</div>
<div id="box3" style="display:none">333</div>
<button class="btn1">++</button>
<button class="btn2">--</button>
</body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var n=0;
var mar=$("div").length;
$(".btn1").click(function(){
if(n>=(mar-1)){
alert("已经是最后一个了");
return false;
}
n++;
$("div").hide().eq(n).show();
});
$(".btn2").click(function(){
if(n<=0){
alert("已经是第一个了");
return false;
}
n--;
$("div").hide().eq(n).show();
});
})
</script>
</html>