如何获取选项卡的点击数或活动数？

Question

超文本标记语言

<div class="tabbable tabs-left">
    <ul class="nav nav-tabs">
        <li><a href="#menu23" data-toggle="tab">Beethoven</a></li>
        <li><a href="#menu24" data-toggle="tab">Bach</a></li>
    </ul>

    <div class="tab-content">
        <div class="tab-pane" id="menu23">
            item1
        </div>
        <div class="tab-pane" id="menu24">
            item2
        </div>
    </div>

我想获取选项卡索引号而不是选项卡名称。

例如：

• 如果Beethoven点击，我需要0；
• 如果Bach点击，我需要1；

我根据这个文档编写了这段代码

$('#myTab a').click(function (e) {
      e.preventDefault();
     // How do I get tab number....??
});

Answer 1

尝试这个：

$('.nav-tabs a').click(function (e) {
     e.preventDefault();
     alert($($(this).attr('href')).index());
});

或者使用 bootstrap 的事件

$('a[data-toggle="tab"]').on('shown', function (e) {
  $(e.target).index();
})