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 =＆gt; FW 1

有什么想法吗？

Answer 1

要获取活动标签，您可以搜索活动的li元素：

 $('li.active')

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

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

哪会导致：

Model 2
FW 1

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

1 个答案: