부모 나던 X 클래스, jQuery를

Question

있는 경우에 I가 다음과 같은 마크 업 : 애니메이션 사업부 내에서

<li id="fragment-3" class="slides virtualsation ui-tabs-panel" style=""> 
    <h1>Virtualisation</h1> 
    <p>By implementing virtualisation into Halton Borough Council Cetus Solutions managed to save them over £250,000 in annual expenditure.</p> 
    <div class="animation"> 
    <div class="big-server" style="display: block;"><img src="_includes/images/sliders/big-server.png"></div> 
    <div class="arrow" style="display: block;"><img src="_includes/images/sliders/arrow.png"></div> 
    <div class="small-server-one" style="display: block;"><img src="_includes/images/sliders/small-server.png"></div> 
    <div class="small-server-two" style="display: block;"><img src="_includes/images/sliders/small-server.png"></div> 
    <div class="small-desktop" style="display: block;"><img src="_includes/images/sliders/small-desktop.png"></div> 
    </div> 
</li> 

자식 요소의 모든 페이드 인 :

$('.big-server').fadeIn(100); 
$('.arrow').fadeIn(450); 
$('.small-server-one').fadeIn(700); 
$('.small-server-two').fadeIn(800); 
$('.small-desktop').fadeIn(2000); 

부모 LI (ID로 '조각 -3 '은 슬라이드 쇼의 일부이며 활성화되었을 때'ui-tabs-hide '클래스가 제거됩니다.

div에있는 페이딩의 부모 LI가 is not 일 때 -tabs-functio를 숨긴다. n이 실행되고 요소가 흐려집니다. 이해가 되나요? 어떤 도움이라도 대단히 감사하겠습니다!

Answer 1

.closest()을 사용할 수 있습니다. 예 :

if(!$("div.animation").closest(".ui-tabs-hide").length) { 
    // parent is not .ul-tabs-hide  
} 

Answer 2

if(!$('#fragment-3').hasClass('ui-tabs-hide')) 
{ 
    // Do Your Work 
} 

Answer 3

사용 .closest() 및 .hasClass() :

if (!$fadingInDiv.closest("li").hasClass("ui-tabs-hide")) { 
    ... 
} 

또는, .is()를 사용할 수 있습니다

if (!$fadingInDiv.is(".ui-tabs-hide *")) { 
    ... 
} 

가지고있어 옵션을.