JQuery多功能

我对JQuery还比较陌生，觉得自己已经很好地掌握了代码，然而，我现在所做的工作让我有些困惑

jQuery(document).ready(function($) {
var tab01 = "a[href*=#web-traffic]";
var tab02 = "a[href*=#customer]";
var tab03 = "a[href*=#value]";
var tab04 = "a[href*=#fourth]";
var allTabs = '#approach .approach-tabs a';

var content01 = "#web-traffic";
var content02 = "#customer";
var content03 = "#value";
var content04 = "#fourth";


$(tab01).addClass('active');
$(content01).show();

$(tab01).on('click', function() {
    $(this).addClass('active');
    $(allTabs).removeClass('active');
});

$(tab02).on('click', function() {
    $(this).addClass('active');
    $(allTabs).removeClass('active');
});

$(tab03).on('click', function() {
    $(this).addClass('active');
    $(allTabs).removeClass('active');
});

$(tab04).on('click', function() {
    $(this).addClass('active');
    $(allTabs).removeClass('active');
});
});

单击链接（var选项卡###）时，我希望添加一个类“active”，并从同一元素中的所有其他链接中删除

---

任何帮助都将不胜感激。谢谢大家!

您可以从所有选项卡中删除

活动的
类，然后将该类添加回单击的选项卡选择器：

$(tab01).on('click', function() {
    $(allTabs).removeClass('active');
    $(this).addClass('active');
});

西米安格尔，你真是个天使！我不知道处理顺序会影响代码，不可否认，我应该知道。。。非常感谢你，这就成功了。