получение идентификатора загрузочных вкладок с помощью javascript

Question

Я работаю над проектом и использует свойство tabstrap tabs. http://getbootstrap.com/javascript/#tabs

Я получил от этого сайта bootstrap.com:

<div> 

    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active" id="home"> AAAAAA</div> 
    <div role="tabpanel" class="tab-pane" id="profile">BBBBBB</div> 
    <div role="tabpanel" class="tab-pane" id="messages">CCCCC</div> 
    <div role="tabpanel" class="tab-pane" id="settings">DDDD</div> 
    </div> 

</div> 

Я хочу, чтобы получить идентификатор вкладки, которые отображаются и Ассинг его

Вал ID

Я думаю, мне нужно использовать javascript или jquery, но у меня нет никакого опыта ни с одним из них.

Answer 1

$(".tab-pane").each(function(){ 
     var id = $(this).attr("id"); 
     // work with id 

     // to modify it 
     $(this).attr("id",newval)  

    }) 

Answer 2

Если вы хотите, чтобы получить идентификатор первого DIV вы используете

var id = document.getElementById("home"); 

или вы можете использовать

var id = document.querySelector("#home"); 

Answer 3

Чтобы получить активную вкладку, с помощью JQuery:

var activeTab = $(".tab-content").find(".active"); 
var id = activeTab.attr('id');