Bootstrap 4:从选项卡内部打开选项卡(第二个链接)

<ul class="nav nav-tabs" id="myTabs">
  <li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#tab1">选项卡1</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tab2">选项卡2</a>
  </li>
</ul>

<div class="tab-content">
  <div class="tab-pane fade show active" id="tab1">
    <h3>选项卡1的内容</h3>
    <button class="btn btn-primary" onclick="openTab2()">打开选项卡2</button>
  </div>
  <div class="tab-pane fade" id="tab2">
    <h3>选项卡2的内容</h3>
  </div>
</div>

function openTab2() {
  $('#myTabs a[href="#tab2"]').tab('show');
}

$(document).ready(function() {
  $('#myTabs a').click(function(e) {
    e.preventDefault();
    $(this).tab('show');
  });
});