Javascript 获取类并检查哪个div具有活动类
我有引导选项卡,我想根据活动的选项卡更改表单值。可以使用jquery这样做吗?这里是我的javascriptJavascript 获取类并检查哪个div具有活动类,javascript,jquery,Javascript,Jquery,我有引导选项卡,我想根据活动的选项卡更改表单值。可以使用jquery这样做吗?这里是我的javascript <ul class="nav nav-tabs"> <li class="active"><a data-toggle="tab" id='ma' href="#ma"><i class="fa fa-mobile"></i> Home</a></li> <li><a data-
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" id='ma' href="#ma"><i class="fa fa-mobile"></i> Home</a></li>
<li><a data-toggle="tab" class='tab' href="#otc"><i class="fa fa-bank"></i> change test</a></li>
</ul>
<div class="tab-content">
<div id="ma" class="tab-pane fade in active">
<h3>First Value</h3>
</div>
<div id="otc" class="tab-pane fade">
<h3>Second tab</h3>
</div>
</div>
<input type="text" id="valuechange" value="" />
$(文档).ready(函数(){
$('.tab')。单击(函数(){
var value_ch=$('.tabe pane.active').attr('id');
$('#valuechange').val(value#ch);
});
});代码>
第一值
第二选项卡
有几件事不对
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" id='ma' href="#ma"><i class="fa fa-mobile"></i> Home</a></li>
<li><a data-toggle="tab" class='tab' href="#otc"><i class="fa fa-bank"></i> change test</a></li>
</ul>
<div class="tab-content">
<div id="ma" class="tab-pane fade in active">
<h3>First Value</h3>
</div>
<div id="otc" class="tab-pane fade">
<h3>Second tab</h3>
</div>
</div>
<input type="text" id="valuechange" value="" />
- 您使用
id=“ma”
2次,我从li a中删除了一次
- 您使用了
$('.tab')
,但没有任何对象具有类选项卡
- 您有
$('.tabe pane.active')
,但应该是$('.tab pane.active')
$(文档).ready(函数(){
$('a[data toggle=“tab”]”)。单击(函数(){
var value_ch=$($(this.attr(“href”)).attr(“id”)/$('.tab pane.active').attr('id');
$('#valuechange').val(value#ch);
});
});代码>
第一值
第二选项卡
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" id='ma' href="#ma"><i class="fa fa-mobile"></i> Home</a></li>
<li><a data-toggle="tab" class='tab' href="#otc"><i class="fa fa-bank"></i> change test</a></li>
</ul>
<div class="tab-content">
<div id="ma" class="tab-pane fade in active">
<h3>First Value</h3>
</div>
<div id="otc" class="tab-pane fade">
<h3>Second tab</h3>
</div>
</div>
<input type="text" id="valuechange" value="" />
第一值
第二选项卡
您有一个输入错误.tabe pane.active
应为.tab pane.active
请检查当您单击“更改测试”时,其显示ma应为otc?当我单击“主页”时,其显示我otc,当我单击“更改测试”时,其显示我ma应为otc而不是otcma@MarkAlan检查一下now@MarkAlan我很乐意帮忙