Javascript 我需要一个按钮，使我的.nav选项卡中的某个选项卡处于活动状态

这是我希望通过单击页面上其他地方的按钮来激活的选项卡：

<ul id="myTab" class="nav nav-tabs nav-justified">
                <li class="active"><a href="#service-one" data-toggle="tab"><i class="fa fa-area-chart"></i> System Manager</a>
                </li>

<div class="panel-body panel-primary">
 <h4>System Manager</h4>
   <p></p>
    <a href="#service-one" data-toggle="tab" class="btn btn-primary" 
     id="btnLearn1">Learn More</a>

这是我要单击以激活该选项卡的按钮：

<div class="panel-body panel-primary">
 <h4>System Manager</h4>
   <p></p>
    <a href="#service-one" data-toggle="tab" class="btn btn-primary" 
     id="btnLearn1">Learn More</a>

系统管理员

<div class="panel-body panel-primary">
 <h4>System Manager</h4>
   <p></p>
    <a href="#service-one" data-toggle="tab" class="btn btn-primary" 
     id="btnLearn1">Learn More</a>

如果您使用的是jQuery：

<div class="panel-body panel-primary">
 <h4>System Manager</h4>
   <p></p>
    <a href="#service-one" data-toggle="tab" class="btn btn-primary" 
     id="btnLearn1">Learn More</a>

$(document.ready(function() {
    $('#btnLearn1').click(function(event) {
        $('a[href="' + $(this).attr('href') + '"][data-toggle="tab"]').not('.btn').parent().addClass('active');
    });
});

---

这是一个质量很差的问题，在解决这个问题上几乎没有努力或研究。很抱歉没有恰当的措辞，但我一直在到处寻找一个能给出细节的答案。我从来没有学过JS，所以对我来说还是有点困惑，我是JS新手，所以请跟我说说。我理解第一行和第二行在单击按钮时应用函数，但是您能解释一下第三行是如何工作的吗？您应该在jQuery选择器上阅读。本文档还解释了使用的其他函数（例如.parent（）和.addClass（））。