如何用jquery选择父div

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/