1

次のようにレンダリングされる一連の Twitter ブートストラップ タブがあります。

<div class="span12">
    <div class="tab-pane" id="models">
        <ul id="model-tabs" class="nav nav-tabs">
            <li><a href="#model_1" data-toggle="tab">Model 1</a></li>
            <li class="active"><a href="#model_2" data-toggle="tab">Model 2</a></li>
        </ul>
        <div id="modelTabContent" class="tab-content">
            <div class="tab-pane" id="model_1"></div>
            <div class="tab-pane" id="model_2">
                <div class="span12">
                    <div class="tab-pane" id="firmware">
                        <ul id="firmware-tabs" class="nav nav-tabs">
                           <li class="active"><a href="#fw_1'" data-toggle="tab">FW 1</a></li>
                           <li><a href="#fw_2'" data-toggle="tab">FW 2</a></li>
                        </ul>
                    </div>
                </div>
            </div>  
        </div>
    </div>
</div>

アクティブなタブの名前を取得するにはどうすればよいですか? この場合、モデル 2 => FW 1

何かご意見は？

4

1 に答える 1

4

アクティブなタブを取得するには、アクティブな li 要素を検索できます。 

 $('li.active')

これは、li 要素のリストを返します。アクティブなタブを取得して名前をログに記録する例を次に示します。

$('li.active').each(function(index) {
   console.log($(this).find('a').html());       
});

その結果、次のようになります。

Model 2
FW 1
于 2012-09-05T15:37:28.253 に答える