根據活動ID引導程序3更改innerHTML文本？

我有這樣的事情根據活動ID引導程序3更改innerHTML文本？

<p id="step-number">1</p>

和標籤這樣

<div class="tab-content"> 
<div id="step-1" class="tab-pane fade active in"> 
1 
</div> 
<div id="step-2" class="tab-pane fade"> 
2 
</div> 
<div id="step-3" class="tab-pane fade"> 
3 
</div> 
</div> 

<a href="#step-1" data-toggle="tab">STEP 1</a> 
<a href="#step-2" data-toggle="tab">STEP 2</a> 
<a href="#step-3" data-toggle="tab">STEP 3</a>

什麼，我需要的是變化p文本爲主動DIV ID？這意味着當step-1被激活寫入1時，並且當step-2激活時寫入2等。

這裏是工作小提琴嗎？ http://www.bootply.com/uSba2geIru

是否有可能在bootstrap 3或jQuery中做到這一點？

來源

2014-10-22 Miomir Dancevic

一個div將得到激活？ – 2014-10-22 06:44:30

試試這個：

$('a[data-toggle="tab"]').on('show.bs.tab', function (e) { 
    $('#step-number').text($(e.target).text()); 
});

推薦：

在這種情況

$('a[data-toggle="tab"]').on('show.bs.tab', function (e) { 
    $('#step-number').text($.trim($($(e.target)[0].hash).html())); 
});

來源

2014-10-22 06:47:45

不錯的乾淨和簡單的解決方案 – 2014-10-22 06:48:39

只有一個問題，它獲取元素中的文本，是否有可能獲得元素href，如不寫入步驟1，寫入該元素href，並回聲＃step-1，因爲在該TXT將就像下一個txt – 2014-10-22 07:13:32

我想你在談論這個：'$（'＃step-number'）.text（$。trim（$（$（e.target）[0] .hash）.attr（'id'）））;' – 2014-10-22 07:17:28

使用jQuery：

$('a[data-toggle="tab"]').on('shown', function (e) { 
    $('#step-number').text($(e.target).text()); 
});

More about tabs

來源

2014-10-22 06:44:44 Krzysiek

根據活動ID引導程序3更改innerHTML文本？

回答

相關問題