JQ 循环切换DIV

时间 2021-01-29

标签 javascript java ide spa 索引 function class 栏目 JavaScript 繁體版

原文原文链接

PS：功能点击切换下一个DIV，实现了循环切换！！！javascript

Jquery代码：java

$(document).ready(function(){spa

var total = $(".like_list>div").length;索引

//没用的ip

$("a.switch_link").bind("click",function(e){ it

var nindex = $(".like_list div").index($(".like_list div:visible").next("div"));io

//.like_list div 就是选择全部须要切换用的divfunction

//前面的是当前可见的div 即display：block的那个 class

//next 就是下一个

//而后计算一下next的索引

if(nindex == -1){

$("div.like_list div:visible").toggle();

$(".like_list div").eq(0).toggle();

//当等于-1的时候说明当前显示的是最后一个。。。

//就进入if块了那么当前的隐藏第1个显示

}else{

$("div.like_list div:visible").toggle().next("div").toggle();

//不然当前的隐藏下一个显示出来

}

})

</script>

HTML代码：

<body>

这里是1

</div>

这里是2

</div>

这里是3

</div>

</body>