选择另一个选项卡时，仍会激活预先选择的选项卡样式

Question

我正在使用简单的标签;使用css创建。

我有当前类来显示当前活动的标签。我正在使用jquery管理

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

$(this).addClass('current ');

});

这样可以正常工作，但它不会从以前激活的选项卡中删除类。请帮忙

Answer 1

您可以使用以下代码：

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

$(this).addClass('current');

$(".Tabs").not($(this)).removeClass('current');

});

Answer 2

这是因为您没有从上一个活动选项卡中删除当前类。

您可以通过删除前面的current类来完成此操作：

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

$(this).parent().find('current ').removeClass('current');

$(this).addClass('current ');

});

Answer 3

尝试从兄弟姐妹中删除该课程：

$(".Tabs").click(function(){
    $(this).siblings().removeClass("current").addClass('current');
});