대상의 부모를 얻는 방법

Question

어떻게이 작업을 수행 할 수 있습니까?

대상의 부모가 .form_contact_div이면 console.log ('열린 양식 유지');

코드 내가 사용하고 있지만 if (else if) 조건에서만 작동합니다. if 및 else.

코드 : 당신이 당신의 코드를 사용하는 것이 더 좋은 당신의 taget으로 클릭 된 요소를 얻을 필요가 있기 때문에

var target = $(this); 

처럼 이와 e.taget을 대체 할

jQuery("body").click(function(e) { 

    var target = jQuery(e.target); 
    console.log(target); 

    if(jQuery(target).parents('#contact-btn-div').length 
     && jQuery('#contact-btn-div').hasClass('close')) { 
     console.log('keep open btn'); 
     jQuery("#form_contact_wrapper").animate({'left': '0px'}); 
     jQuery("#contact-btn-div").removeClass('close'); 
    } 
    else if(jQuery(target).parent().is('.form_contact_div')) { 
     console.log('keep open form'); 
     jQuery("#form_contact_wrapper").animate({'left': '0px'}); 
    } 
    else{ 
     console.log('keep close'); 
     jQuery("#form_contact_wrapper").animate({'left': '-472px'}); 
     jQuery("#contact-btn-div").addClass('close'); 
    } 
}); 

Answer 1

시도 이 같아야합니다

jQuery("body").click(function(e) { 

    var target = $(this); 
    console.log(target); 

    if(target.parent('#contact-btn-div').length 
     && jQuery('#contact-btn-div').hasClass('close')) { 
     console.log('keep open btn'); 
     jQuery("#form_contact_wrapper").animate({'left': '0px'}); 
     jQuery("#contact-btn-div").removeClass('close'); 
    } 
    else if(target.parent().is('.form_contact_div')) { 
     console.log('keep open form'); 
     jQuery("#form_contact_wrapper").animate({'left': '0px'}); 
    } 
    else{ 
     console.log('keep close'); 
     jQuery("#form_contact_wrapper").animate({'left': '-472px'}); 
     jQuery("#contact-btn-div").addClass('close'); 
    } 
}); 

Answer 2

편집 된 코드.

<div id="contact-btn-div" class="close" style="width:300px; height:200px; border:1px solid #666; background-color:#F60;"> 

<div style="width:200px; height:100px; border:1px solid #0FC; background-color:#9CC;"></div> 
</div> 

와 자바 스크립트

,

$(function(){ 
$("body").click(function(e) { 

var target = $(e.target); 
console.log(target); 

if(target.parent('#contact-btn-div').length 
    && $('#contact-btn-div').hasClass('close')) { 
    console.log('keep open btn'); 
    $("#contact-btn-div").removeClass('close'); 
} 

}); 
}); 

나는 당신이 필요로하는 것을 얻을 것이라 생각합니다. 건배 :).