Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/391.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取类并检查哪个div具有活动类_Javascript_Jquery - Fatal编程技术网

Javascript 获取类并检查哪个div具有活动类

Javascript 获取类并检查哪个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-

我有引导选项卡,我想根据活动的选项卡更改表单值。可以使用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-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我很乐意帮忙