Получить активную вкладку в 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 выбранных. В то время выбирается только одна вкладка и из выбранной вкладки я хочу значение переменной #permission_to_enter с помощью jQuery.

Answer 1

Вы можете легко реализовать с помощью селектора в JQuery и атрибутов данных

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

Приведенный выше код вернет вам значение permission_to_enter ввода активной вкладки.