建議，在當前輪播圖的div新增類active，設定.active {display：block；}，.ban{display:none;};這樣可以透過新增或移除active就可以了；這樣以下就比較方便很多，要不然又要做迴圈，麻煩（swiper外掛做輪播效果不錯）

$(".left").click(function(){

var $index = $(".ban").hasClass("active").index();//獲取當前輪播圖的下標

if($index === 0 ) {//當前為第一張輪播圖

$(".ban").eq($(".ban").length-1).addClass("active)

.siblings(".ban").removeClass("active");

//這裡寫成你自動切換的程式碼，我這裡只是一個無動態切換效果的方法

}else {

$(".ban").eq($index-1).addClass("active)

.siblings(".ban").removeClass("active");

})

$(".right").click(function(){

var $index = $(".ban").hasClass("active").index();//獲取當前輪播圖的下標

if($index === ($(".ban").length-1) ) {//當前為最後一張輪播圖

$(".ban").eq($(".ban").length-1).addClass("active)

.siblings(".ban").removeClass("active");

//這裡寫成你自動切換的程式碼，我這裡只是一個無動態切換效果的方法

}else {

$(".ban").eq($index+1).addClass("active)

.siblings(".ban").removeClass("active");

})

//大體思路是這樣了，程式碼可能有個別字母寫得不對，畢竟是手敲的，但是大概思路是這樣了