Javascript 如何在选项卡窗格html boostrap中添加addclass jQuery函数？

我有以下html结构

<ul class="nav nav-pills ml-auto">
        <li class="nav-item">
            <a class="nav-link active" href="#revenue-chart" data-toggle="tab">Storico</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#sales-chart" data-toggle="tab">Budget</a>
        </li>
    </ul>

此选项卡链接到以下选项卡内容：

<div class="tab-content p-0">
            <div class="chart tab-pane active" id="revenue-chart"
            style="position: relative; height: 300px;">
            <canvas class=" w-100 " id="revenue-chart-canvas"  height="300" style="height: 300px;"></canvas>
        </div>
        <div class="chart tab-pane " id="sales-chart"
        style="position: relative; height: 300px;">
        <canvas class=" w-100 " id="sales-chart-canvas" height="300" style="height: 300px;"></canvas>
    </div>

我想创建一个jQuery函数，当我单击sales chart按钮时，该函数可以添加以下类属性：

<div class="chart tab-pane active " id="sales-chart"

---

我不太理解这个问题

首先，如果使用引导选项卡，则每个选项卡的“show”和“active”类都会使用相应的语法“自动”移动。请参阅文档，这足以执行面板更改

相反，如果您想在激活时将自定义类添加到面板，只需截取链接的目标并将一个或多个类添加到目标面板

请看inspector的示例


$（'.nav link'）。在（'click'，function（）上{
让target=$（this.attr（'href'）；
$（target.addClass（'pippo'）；
});

文件






A.
B
是否要将“活动”类添加到div？如果是这样的话，看看这里，它会自动执行您的标记中缺少的属性