jquery - 如何获取两个活动 Twitter 引导选项卡的名称？

Question

我有一组 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

有什么想法吗？

Answer 1

要获取活动选项卡，您可以搜索活动 li 元素：

 $('li.active')

这将返回一个 li 元素列表。这是一个获取活动选项卡并记录名称的示例：

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

这将导致：

Model 2
FW 1