Jquery 탭 그룹 찾기

Question

UI에 여러 개의 중첩 된 수준 탭이있는 응용 프로그램에서 작업하고 있습니다. 탭에 대해 jQuery를 사용하고 있습니다. 선택한 탭에서 같은 탭 그룹 ID를 알 수 있습니다.

$('#exampleTabs').tabs('option','selected');

하지만 그 반대가 필요합니다. 이제 현재 선택된 탭의 탭 그룹 ID를 찾아야합니다. 아래에 예제 탭 구조를 보여 드리겠습니다. 탭 1 탭 2 탭 3 가정, 탭 (4) ('그룹 1'과 탭 2.1, 탭 2.2, 탭 2.3에 '그룹 2'에 속하는 소속 즉 $('#Group1').tabs() 및 $('#Group2').tabs())을. 그래서

-Tab 1 
-Tab 2 
    +-Tab 2.1 
    +-Tab 2.2 ---> assume we are here 
    +-Tab 2.3 
-Tab 3 
-Tab 4 

, 주어진 우리가 있습니다 탭 '탭 2.2'에서 ID 'Group2'ID를 가져야합니다. 이럴 수 있습니까?

Answer 1

jQuery UI에서 탭 그룹이라고하는 것은 아무것도 없습니다. 단순히 의미 설정에 지나지 않습니다.

탭 2.2를 볼 때 탭 2는 상위 탭의 활성 탭이며, 따라서 부모 탭에서 선택한 옵션을 확인하기 만하면 "탭 그룹"이라고하는 것을 얻을 수 있습니다. 당신이 빠르고 쉽게이 작업을 수행하는 것 부모 탭 패널의 ID를 원하는 경우

var parentTab = currentTabs.closest('.ui-tabs').tabs('option', 'selected'); 

:

는

은 당신이 할 수있는 선택 탭을 얻으려면

var parentTabId = currentTabs.closest('.ui-tabs-panel')[0].id; 

는 currenTabs 가정 현재 탭이 아닌 자식 탭 객체를 보유합니다.