如何获取两个活动的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