在Jquery中获取活动选项卡值

在Jquery中获取活动选项卡值,jquery,Jquery,我有以下代码 <fieldset> <label>Work Order For <span class="req"> <span class="gray">(choose one)</span>*</span> </label> <ul class="multi-list tabs"> <li id="resident-tab" class="widt

我有以下代码

<fieldset>
   <label>Work Order For <span class="req">
    <span class="gray">(choose one)</span>*</span>
   </label>
    <ul class="multi-list tabs">
        <li id="resident-tab" class="width-33 selected"><a data-href=".tab-1" onclick="setResidentPropertyUnitTab( '1' )">Resident</a></li>
        <li id="unit-tab" class="width-33 "><a data-href=".tab-2" class="even" onclick="setResidentPropertyUnitTab( '0' )">Unit</a></li>
        <li id="property-tab" class="width-33 "><a class="last" data-href=".tab-3" onclick="setResidentPropertyUnitTab( '2' )">Property</a></li>
      </ul>
     <div class="tabs-content">
       <div class="tab-1">
  <fieldset>
     <label>Permission To Enter</label>
     <div class="switch bg-green" id="js-permission-to-enter">
       <ul>
           <li><span>YES</span></li>
           <li><span>NO</span></li>
       </ul>
        <span class="switcher on">II</span>
        <input name="maintenance_request[permission_to_enter]" value="1" id="permission_to_enter" type="hidden">
   </div>
 </fieldset>
 </div>
   <div class="tab-2 hide" id="buildingUnit">
      <fieldset>
           <label>Permission To Enter</label>
           <div class="switch js-permission-to-enter bg-red">
             <ul>
               <li><span>YES</span></li>
                <li><span>NO</span></li>
             </ul>
            <span class="switcher off">II</span>
        </div>
            <input name="maintenance_request[permission_to_enter]" value="0" id="permission_to_enter" type="hidden">
 </fieldset>
  </div>

工作指令
(选择一个)*
允许进入
  • 没有
二, 允许进入
  • 没有
二,


我希望选中多个选项卡中的活动选项卡值。一次只选择一个选项卡,从所选选项卡中,我希望使用jQuery输入变量的#权限_值。

您可以使用jQuery和数据属性中的选择器轻松实现

$($('.selected a').data("href")+' #permission_to_enter').val()

上述代码将返回您进入活动选项卡的
权限值。
选项卡切换代码在哪里?还请注意,ID的定义必须是唯一的$('body')。在('click','.tabs li a',函数(e){if($(this).hasClass('disabled')){return false;}否则{var tabTarget=$(this).attr('data-href');$(this.parent().sides().removeClass('selected');$(this.parent().addClass('selected');$(this.parent().parent().parent().parent().parent().parent().parent().parent().find(tabTarget.sibbines().hide();$(this.parent().parent().parent().parent().find(tabTarget.fadeIn)(300);e.preventDefault();});你说的是哪一个ID,而且这段代码运行正常,我猜你误解了这个问题,在决定之前肯定不会要求进行否决表决。为什么在我不理解的代码中添加+呢……这像是串联吗?是的,它的串联
$('.selected a')。data(“href”)
将返回活动选项卡类,并将其与
#输入权限
关联,将为输入框和
.val()提供选择器
将返回值yes id'必须是唯一的,但我有一些类似于菜单项的选项卡,希望从中获取所选项目的值,以及两个选项卡上都存在的特定字段值。@Mohdasimuhail:我尝试了您建议的解决方案。但在与第一个选项卡连接时失败。