JQuery多功能

Question

我对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 tab ##）时，我想添加一个类'active'并从同一元素中的所有其他链接中删除。

非常感谢任何帮助。谢谢！

Answer 1

您可以从所有标签中删除active类，然后将该类添加回单击的标签选择器：

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