將css類添加到下一個選項卡和上一個選項卡中的選定選項卡上jquery選項卡

Question

我想將css類添加到當前選定的選項卡內容，因此當我單擊下一個按鈕時，應該更改當前所選選項卡內容的css。

我曾嘗試下面的代碼，但它不工作：

$("#tab-div").tabs(); 

    $(".next-tab").click(function() { 

     var selected = $("#tab-div").tabs("option","selected"); 
     $("#tab-div").tabs("option", "selected", selected + 1); 
     $(this).parent().removeClass("current"); 
     $(this).find("a").addClass("current"); 
     $(this).addClass("current"); 
    }); 

    $(".prev-tab").click(function() { 
     var selected = $("#tab-div").tabs("option", "selected"); 
     $("#tab-div").tabs("option", "selected", selected - 1); 
     $(this).parent().removeClass("current"); 
     $(this).find("a").addClass("current"); 
     $(this).addClass("current"); 

    }); 

HTML

<div class="prev-tab"> 
<a href="#" title="Previous">&nbsp;</a> 
</div> 
<div class="next-tab"> 
<a href="#" title="next">&nbsp;</a> 
</div>  




<div id="tab-div"> 
<ul class="nav"> 
<li><a href="#tab1" class="current">New Group</a></li> 
<li><a href="#tab2">For Companies</a></li> 
</ul> 
<div id="tab1" class="current"> 
</div> 
<div id="tab2"> 
</div>  

感謝，

Answer 1

編輯：沒關係，你改變了你的HTML相當多，因爲我已經發布。它確實看起來像設置你的標籤差的方式 - 我會考慮完全重新思考。你應該設置一個標籤類來處理所有這些，包括隱藏/顯示標籤內容div和設置/刪除選定的/當前類。

$(".next-tab, .next-tab").on('click', function() { 
    $('#tab-div a').removeClass("current"); 
    $(this).find("a").addClass("current"); 
}); 

會將當前課程更改爲您點擊的任何課程。這看起來並不是設置標籤的好方法，而且我也不清楚.tabs（）方法而不知道更多。