javascript - 如何从jquery中的特定选项卡隐藏字段值中获取值

Question

我有一个动态加载的选项卡。现在我将值放在隐藏字段值中。现在我想根据每个激活的选项卡获取这些值。但是我尝试了很多方法，但它给出了未定义的值。请帮助我提前感谢。

$('.maintab').on('shown.bs.tab', function (e) {
    var target = $(e.target).attr("data-bprid"); // activated tab
    var ref_this = $(".maintab li .active");
    // i want to get the processid and branchid for specific tab 
    var mydiv = ref_this.find( ".response-report .processid" );
    console.log(mydiv.find('.processid').val());
});

<ul id="main_tab_list" class="nav nav-tabs nav-justified maintab" role="tablist">
   <li role="presentation" class="active"><a href="#EXN" aria-controls="EXN" data-bprid="1" role="tab" data-toggle="tab"><strong>Extrusion</strong></a></li>
   <li role="presentation" class=""><a href="#WAW" aria-controls="WAW" data-bprid="3" role="tab" data-toggle="tab"><strong>Web & Warp</strong></a></li>
</ul>
<div class="tab-content" id="dashboard-tab-content">
   <div role="tabpanel" class="tab-pane fade in active" id="EXN">
      <div class="response-report"></div>
      <input type='hidden' class="processid" name="pros_id" value="1" >
      <input type='hidden' class ="branchid" name="brs_id" value="1" >
   </div>
</div>
<div role="tabpanel" class="tab-pane fade" id="WAW">
<div class="response-report"></div>
<input type='hidden' class="processid" name="pros_id" value="2" >
<input type='hidden' class ="branchid" name="brs_id" value="1" >
</div>

Answer 1

您使用了错误的选择器来获取目标 div 元素。您可以在所选项目中使用 anchor 元素的 href 值。使用返回值作为 ID 选择器来定位具有输入元素的 div:

 var ref_this = $(".maintab li.active");
 var targetID = ref_this.find('a').attr('href');
 console.log($(targetID).find('.processid').val());