将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（）方法而不知道更多。