Javascript can'；t单击按钮将类添加到选项卡-js不起作用

我无法通过单击选项卡2中的“下一步”按钮来激活选项卡。我想，如果我点击“下一步”选项卡3的内容将出现。此外，tab3也将处于活动状态。 我使用了另一种方法来更改内容并激活该选项卡，但随后该选项卡不再处于活动状态（对于选项卡1）

html代码：

<div class="panel with-nav-tabs panel-info">
    <div class="panel-heading">
        <ul class="nav nav-tabs" id="hi">
            <li class="active"><a href="#tab1info" role="tab" data-toggle="tab">tab1</a></li>
            <li><a href="#tab2info" role="tab" data-toggle="tab">tab2</a></li>
            <li><a href="#tab3info" role="tab" data-toggle="tab">tab3</a></li>                            
        </ul>
    </div>
    <div class="panel-body">

    <div class="tab-content">
        <div class="tab-pane fade" id="tab1info">
            tab1 contents
            <a href="#tab2info " data-toggle="tab">Next</a>
        </div>                            
        <div class="tab-pane fade" id="tab2info">
            <a onclick="iyo()" id="aaa">Next</a>
        </div>

        <div class="tab-pane fade" id="tab3info">tab3contents</div>
    </div>
</div>

---

请检查此工作代码

函数iyo（）{
$（'[href=“#tab2info”]'）.parent（）.removeClass（'active'）；
$（'#tab2info'）.removeClass（'activein'）；
$（'[href=“#tab3info”]'）.parent（）.addClass（'active'）；
$（'#tab3info'）.addClass（'active in'）；
}

表1内容
下一个
表3内容

$（'tab3info'）

选择一个看起来像

的元素，可能不是您想要的，而是

$（'#tab3info'）

，这是一个输入错误。我也尝试过这个方法，但也不起作用。您的代码是jQuery，而不是普通的javascript。您实际上正在加载jQuery库吗？您在文档中的何处定义了您的功能？请创建一个供参考的，以下是正确设置后的代码：

 function iyo () {
     $('tab3info').addClass('active');
 };