如何選擇使用jQuery

Question

父DIV我申請這個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/