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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。