Jquery 活动菜单链接取决于所选选项卡

我在“关于我们”页面上有一个选项卡式内容，如下所示：

<div class="container">
    <ul class="vc_tta-tabs-list">
        <li class="vc_tta-tab" data-vc-tab="">
            <a href="#tab-1" data-vc-tabs="" data-vc-container=".vc_tta">Tab 1</a>
        </li>
        <li class="vc_tta-tab" data-vc-tab="">
            <a href="#tab-2" data-vc-tabs="" data-vc-container=".vc_tta">Tab 2</a>
        </li>
        <li class="vc_tta-tab" data-vc-tab="">
            <a href="#tab-3" data-vc-tabs="" data-vc-container=".vc_tta">Tab 3</a>
        </li>
    </ul>


    <div class="vc_tta-panels">
        <div class="vc_tta-panel" id="tab-1" data-vc-content=".vc_tta-panel-body">
            <h1>Tab 1 Content</h1>
        </div>
        <div class="vc_tta-panel" id="tab-2" data-vc-content=".vc_tta-panel-body">
            <h1>Tab 2 Content</h1>
        </div>  
        <div class="vc_tta-panel" id="tab-3" data-vc-content=".vc_tta-panel-body">
            <h1>Tab 3 Content</h1>
        </div>
    </div>  
</div>

表1内容
表2内容
表3内容

在该网站的标题，我有一个菜单，直接链接到像这样的锚

<ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html#tab-1">Tab 1</a></li>
    <li><a href="about-html#tab-2">Tab 2</a></li>
    <li><a href="about.html#tab-3">Tab 3</a></li>
    <li><a href="contact.html">Contact</a></li>
</ul>

我需要找出一种方法，一旦选择了相应的选项卡，如何将“活动”类添加到菜单链接中（也就是说，如果用户单击#tab-2，该链接将成为“活动”类。如果他单击#tab-3，该类将从以前的链接中删除并应用到新的链接中

我是jQuery的新手，所以如果这个问题很愚蠢，我道歉。 任何帮助都将不胜感激。

$（窗口）。on（'load'，（）=>{
$（'.vc_tta-tabs-list'）。在（'click tap'，'a[href*=“tab”]”上，e=>{
$（'header a'）.removeClass（'active'）；
让href=$（e.target）.nexist（'a'）.attr（'href'）；
$（“标题a[href*='“+href+']”）addClass（'active'）；
})
})

在任何

表1内容
表2内容
表3内容

Andrei，非常感谢您的帮助！当我编写上述代码时，我试图缩短代码以便于阅读，但我弄错了，因为ID和URL有点不同。如果我不是要求太多，请看一下这段代码，我不会在1小时内出现在电脑前。我可以阅读代码，但不能在手机上运行。为什么？哦，忘了提了：我加了“菜单”这个类因为在一个项目中针对所有

ul

s似乎太笼统了。要么将其添加到菜单中，要么将代码中的

.menu

替换为

ul

或一个适用于您的项目的更具体的选择器。很抱歉没有提及它。我是有意的，但我一次做了不止一件事。很可能是因为我使用了绝对URL…如果你在电脑前看一看，这将意味着很多：）你是对的，上面的内容对绝对URL不起作用。我从字面上理解了URL。我回家后会修改它。