Jqueryでアクティブなタブ値を取得

Question

次のコードがあります。

<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> 

私が選択したmulti_tabsからアクティブなタブの値を求めています。一度に1つのタブだけが選択され、選択されたタブからは、jQueryを使用して#permission_to_enter変数の値が必要です。あなたが簡単にjQueryとデータ属性にセレクタを使用してコードの上

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

を実装することができます

Answer 1

はあなたのアクティブなタブのpermission_to_enter入力の値を返します。