2017-09-03 100 views
-2

活動標籤的id的值我這裏有一個代碼:我需要使用jQuery

<ul class="nav nav-pills nav-justified" id="pills-COD"> 
    <li class="active"><a data-toggle="tab" href="#a">Class A</a></li> 
    <li><a data-toggle="tab" href="#b">Class B</a></li> 
    <li ><a data-toggle="tab" href="#c">Class C</a></li> 
    <li><a data-toggle="tab" href="#d">Class D</a></li> 
</ul> 

<div class="tab-content"> 
    <div id="a" class="tab-pane fade in active"> 
    <h3>HOME</h3> 
    <p>Some content.</p> 
    </div> 
    <div id="b" class="tab-pane fade"> 
    <h3>Menu 1</h3> 
    <p>Some content in menu 1.</p> 
    </div> 

    <div id="c" class="tab-pane fade"> 
    <h3>Menu 2</h3> 
    <p>Some content in menu 2.</p> 
    </div> 
</div> 

我需要激活的標籤的id每當使用jQuery點擊避孕藥。 例如,每當點擊li,"Class A"時,我需要獲得值"a"

我發現在這裏做的其他研究堆棧溢出,但.tabs()不適合我在jQuery中工作。其他解決方案也顯示href值,但我需要活動選項卡的標籤ID。

+0

到底是什麼問題? – Maritim

+0

歡迎來到StackOverflow!請注意,您希望在發佈***之前,已經研究過您的問題並嘗試自行編寫代碼,並且包括您迄今爲止嘗試過的內容的摘要。請閱讀[預計堆棧溢出用戶需要多少研究工作](https://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) – FluffyKitten

+0

非常感謝你。我是堆棧溢出的新手,這就是爲什麼我不知道我必須發佈我所做的嘗試。我已經嘗試過在這裏找到的其他解決方案,但不起作用,因爲.tabs()在jquery中不適合我。 –

回答

0

在錨的點擊,你需要得到href屬性沒有#這樣的:

$("ul.nav-pills > li > a").click(function() { 
    alert($(this).attr("href").replace("#", "")) 
}); 

attr("href")得到從點擊錨href值。和replace,用空字符串替換#

+0

非常感謝。這正是我需要的。 –

+0

@ E.Fojas不客氣。 – adiga

0

如果你想找到它看列表,你可以這樣做:

var $activeLi = $('#pills-COD li.active'); 
var activeId = $activeLi.children('a').attr('href').substr(1); 

或者,看標籤:

var $activeTab = $('.tab-content .tab-pane.active'); 
var activeId = $activeTab.attr('id');