根据活动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文本？

回答

相关问题