조건부 선택 숨기기 parent()

Question

잘 작동하는 조건부 선택이 있습니다. 항목을 선택하면 선택한 항목이 포함 된 항목을 제외하고 다른 모든 상위 항목이 숨겨집니다.

그러나이 스크립트를 구현할 때 각 항목은 class = "grid_4"인 다른 div에 래핑됩니다.이 div는 콘텐츠가 선택되지 않은 항목에 대해 숨겨져 있어도 레이아웃 문제를 해결해줍니다.

그래서 항목을 선택하면 class = "grid_4"인 div를 숨기고 싶습니다. 내 스크립트는 fiddle here입니다. (현재 jsfiddle.net는 크롬에서 작동하지 않습니다.) 내가

$options.not("#" + $currentSelection).parent().hide(); 

$options.not("#" + $currentSelection).parent().parent().hide(); 

에 변경을 시도

-하지만 아무것도 변하지 않았다.

누구나 내게 이걸 줄 수 있니?

감사합니다. (즉 display: none로 설정) 당신이 제안 정확히 무엇을 필요 당신이 원하는 것은 grid_4 된 div를 숨길 경우 :

Answer 1

당신의 jsFiddle은 잘 작동하는 것 같다 .parent().parent().hide(). 나는 this fiddle에서 그것을 시도하고 작동합니다. 물론 첫 번째 선택에서도 동일한 변경을 수행해야합니다.

if (!($(this).hasClass($currentSelection))) { 
    $(this).parent().parent().hide(); 
} 
... 
$options.not("#" + $currentSelection).parent().parent().hide();