Javascript JQuery，引导导航-如何添加上一个/下一个按钮？

我正在为我的页面使用引导导航，我想将“下一步”和“上一步”按钮添加到选项卡内容中

HTML

<ul class="nav nav-tabs nav-justified">
  <li class="active"><a href="#overview">Overview</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#randomtab">Randomtab</a></li>
</ul>
<div class="tab-content">
  <div id="overview" class="tab-pane fade in active">

    <a href="#contact" class="btn btn-info pull-right">Next</a>

  </div>
  <div id="contact" class="tab-pane fade in active">
  </div>
  <div id="randomtab" class="tab-pane fade in active">
  </div>
</div>

我试图添加此JavaScript代码，但我不知道如何编写

a[href=（this.href]

$(".tab-pane a").click(function() {
  $('a[href="(this.href)"]').tab('show'); //this row is wrong
});
$('.tab-pane a').on('shown.bs.tab', function(event) {
  var x = $(event.target).text(); // active tab
  var y = $(event.relatedTarget).text(); // previous tab
  $(".act span").text(x);
  $(".prev span").text(y);
});

这是我的解决方案，也许有更好的，但我不知道…谢谢

附言：如果你不理解我的问题，请在下面留下评论，这样我就可以编辑这篇文章了

编辑

这是引导导航的工作解决方案：

多亏了阿伦·p·约翰尼

<ul class="nav nav-tabs nav-justified">
  <li class="active"><a href="#overview">Overview</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#randomtab">Randomtab</a></li>
</ul>
<div class="tab-content">
  <div id="overview" class="tab-pane fade in active">

    <a href="#contact" class="btn btn-info pull-right">Next</a>

  </div>
  <div id="contact" class="tab-pane fade in active">

    <a href="#overview" class="btn btn-info pull-left">Prev</a>

    <a href="#randomtab" class="btn btn-info pull-right">Next</a>

  </div>
  <div id="randomtab" class="tab-pane fade in active">

    <a href="#contact" class="btn btn-info pull-left">Prev</a>

  </div>
</div>

---

我认为问题在于

href

属性将具有绝对路径，因此请尝试

$('a[href="'+ $(this).attr('href')+'"]').tab('show');

---

我认为问题在于

href

属性将具有绝对路径，因此请尝试

$('a[href="'+ $(this).attr('href')+'"]').tab('show');

---

$（'a[href=“”+this.href+“]”）选项卡（'show'）谢谢，但我的代码与此不兼容。这项工作：
$（'a[href=“#contact”]”）选项卡（'show'）但如果我使用您的代码，它就不会使用。
$（'a[href=“”+this.href+'''']）.tab（'show'）谢谢，但我的代码与此不兼容。这项工作：
$（'a[href=“#contact”]”）选项卡（'show'）但如果我使用你的代码，它不会。
$('a[href="'+ $(this).attr('href')+'"]').tab('show');