как выбрать родительский DIV с JQuery

Question

Я применил этот Jquery

HTML:

<div class="slider sliderclick" style="left: -200px;"> 
     <div class="button-wrap"> 
      <div class="content-wrap" id="button-1">Special Offer Content</div> 
      <div class="controller"> 
       <div> 
        <a href="#buttton-1">Special Offer</a> 
       </div> 
      </div> 
     </div> 
    </div>  
</div> 

JS:

jQuery(document).ready(function() { 
    jQuery(".controller a").click(function() {   

     jQuery('.slider').animate({left:'0px'},1000); 
     //tried this but not worked 
     //jQuery(this).parent('.slider').animate({left: '0px'},1000); 
     return false; 

    }); 

}); 

demo

Answer 1

Вы можете использовать closest в вашем случае:

jQuery(this).closest('.slider').animate({left: '0px'},1000); 

Demonstration

Answer 2

Вы должны использовать родительский селектор, принять смотрите здесь документацию: http://api.jquery.com/parent-selector/