如何在javascript中爲引導選項卡設置ID

Question

我使用json格式動態生成選項卡和選項卡內容。

這裏是通過JSON數據後生成的代碼：

<ul class="nav-tabs> 
    <li class = "active"> 
    <a href="javascript:void(0);" data-tab-id="step3_tab_1" id="SAMPLE"><span class="icon icon-untitled"></span> DEMO</a> 
    </li> 
</ul> 

如何活動標籤的ID設置到低於保存按鈕，其位於相應的翼片之下。

<div class="tab-content"> 
    <button id="" name="demo_save" type="button" class="btn">        
     <span class="icon-floppy"></span> Save 
    </button> 
</div> 

因此，無論何時標籤處於活動狀態，相應活動按鈕下的保存按鈕將獲得該標籤的標識。

我該如何實現？下面

Answer 1

代碼應該工作（如果我理解正確的你）

$('li').on('click', function(){ 
    var id = $(this).find('a').data('tab-id'); 
    $('button').attr('id', id); 
}) 

但是當你按一下按鈕你可以得到標籤ID：

$('button').on('click', function(){ 
    var id = $('li.active').find('a').data('tab-id'); 
    $(this).attr('id', id); 
}) 

Answer 2

如果由JavaScript動態生成標籤，您可以使用以下代碼將事件偵聽器添加到生成的選項卡：

$(document).on('click', 'ul.nav-tabs li', function() { 
    var id = $(this).find('a').data('tab-id'); // get respective tab-content's id of the tab 
    $('#'+id+'.tab-content button').attr('id', id); // set the id of button in given tab-content 
});