jQuery를 사용하는 조상이 있는지 확인하십시오.

Question

부모, grand-parent, great-grand-parent에 클래스가 있는지 확인하는 방법이 jQuery에서 있습니까?

$(elem).parent().parent().parent().parent().hasClass('left') 

그러나, 코드의 가독성을 위해 내가 이런 종류의 물건을 피하기 싶습니다

나는 코드에서 이런 종류의 일을 나에게 남아있는 마크 업 구조를 가지고있다. "어떤 부모/조부모/증조부모가이 수업을 듣는다"고 말할 수있는 방법이 있습니까?

jQuery 1.7.2를 사용하고 있습니다. 그 중 하나가 일치 할 경우

Answer 1

if ($elem.parents('.left').length) { 

} 

Answer 2

당신은 지정된 .class 선택과 parents 방법을 사용하여 확인할 수 있습니다

if ($elem.parents('.left').length != 0) { 
    //someone has this class 
} 

Answer 3

이 요소 조상을 필터링하는 방법에는 여러 가지가 있습니다.

if ($elem.closest('.parentClass').length /* > 0*/) {/*...*/} 
if ($elem.parents('.parentClass').length /* > 0*/) {/*...*/} 
if ($elem.parents().hasClass('parentClass')) {/*...*/} 
if ($('.parentClass').has($elem).length /* > 0*/) {/*...*/} 
if ($elem.is('.parentClass *')) {/*...*/} 

는 선택기를 확인하는 동안, closest() 방법 요소 자체를 포함주의. 당신이 유일한 선택이있는 경우

또는는 $elem는, 예를 들어 #myElem, 당신은 사용할 수 있습니다 매칭 :

if ($('.parentClass:has(#myElem)').length /* > 0*/) {/*...*/} 
if(document.querySelector('.parentClass #myElem')) {/*...*/} 

당신이 스타일링 목적으로 만 그 조상 클래스 중 하나를 따라 요소를 일치 시키려면 CSS 규칙을 사용하십시오. :

.parentClass #myElem { /* CSS property set */ }