Question

HTML

<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;

我从此document

创建了此代码

$('#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();
})

Answer 2

如果要在没有点击事件的情况下进行操作，则可以使用以下方法：

var tabIdx = $('.dashboardTab.active').data("tabidx");
console.log(tabIdx);

Answer 3

我们有直接的API。

currentIndex

返回当前选项卡的基于零的索引号更多 - https://github.com/VinceG/twitter-bootstrap-wizard

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

3 个答案: