如何获得点击或活动标签的数量? [英] How Can I get the clicked or active number of tab?

问题描述

HTML

<ul class="nav nav-tabs"><li><a href="#menu23" data-toggle="tab">贝多芬</a></li><li><a href="#menu24" data-toggle="tab">巴赫</a></li><div class="tab-content"><div class="tab-pane" id="menu23">项目 1
<div class="tab-pane" id="menu24">项目 2

我想获取标签索引号而不是标签名称.

例如:

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

我从这个文档

制作了这段代码

$('#myTab a').click(function (e) {e.preventDefault();//我如何获得标签号....??});

解决方案

试试这个:

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

或者使用引导程序的事件

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

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>

I want to get the tab index number not tab name.

Such as:

• if Beethoven is clicked, I need 0;
• if Bach is clicked, I need 1;

I made this code from this document

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

解决方案

Try this:

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

Or with bootstrap's events

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

这篇关于如何获得点击或活动标签的数量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！