how to select parent div with jquery

Question

I have applied this 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

You may use closest in your case :

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

Demonstration

Answer 2

您应该使用父选择器，在此处查看文档： http : //api.jquery.com/parent-selector/